이레

strict 모드란 ES5에 추가된 키워드입니다. 자바스크립트를 엄격하게 문법검사 하겠다는 의미입니다. ⭐️ strict 모드 선언하기 "use strict"; 스크립트 최상단 또는 함수 본문 앞에 작성해 줍니다. 함수 앞에 사용할 경우 해당 함수만 엄격모드로 실행됩니다. ⭐️ strict 모드 - 코드의 문제를 더 빨리 알리고 디버깅이 쉬워집니다. - strict 모드의 코드는 비 strict 모드 코드보다 빠르게 수행될 수 있습니다. - 발생 가능한 에러를 예방합니다.

실기도 직장 병행하면서 준비했습니다. 퇴근 후 공부하고 , 주말 하루종일 해서 7일 걸렸습니다. 실기는 준비물이 필요합니다. ⭐️ 첫 문제가 케이블 제작이라 랜툴이 필요합니다. 시험 1주일전에 도착할 수 있도록 미리 주문해 둡니다. 하루에 한 번씩 10분 이내로 만들 수 있도록 연습합니다. 다이렉트 케이블 / 크로스 케이블 두 가지 유형 모두 연습해 줍니다. ⭐️ 유튜브 '햄릿슈' 님의 강의를 최소 3회 시청해주세요 실기 독학 검색하면 '햄릿슈'님이 제일 먼저, 제일 많이 나옵니다!!! 갓리슈님 저는 햄릿슈 님 유튜브 '햄릿슈의 네트워크관리사 2급(입문)'에 있는 영상들을 3회 시청했습니다. 강의 하나당 10분 정도 되기 때문에 오래 걸리지는 않습니다! 블로그도 있습니다. https://ahngo13.t..

2022년도에 자격증 두 가지를 준비해 취득했는데, 그중 하나가 네트워크 관리사 였습니다. 문제집 구매 없이 필기, 실기 준비했습니다... :) ⭐️ 네트워크 관리사 2급 응시자격, 응시료 네관사 1급에 비해 2급은 응시자격이 따로 필요 없습니다. 문항수는 각 항목별로 5 ~ 18문항씩 출제되고 50분의 시험 시간이 주어집니다. 100점 만점에 60점 이상이면 합격입니다. 응시료는 필기 : 43,000원 실기 : 78,000원 으로 가격이 쎈편이에요 ㅠㅠ... ⭐️ 필기 독학 저는 따로 문제집 구매 없이 공부했습니다. 시험 문제들은 기출 위주로 출제되어서 3년 정도의 기출문제를 돌리며 외웠습니다. 저는 아이패드가 있어서 pdf 파일을 구하거나 사이트를 이용해 문제를 풀었지만, 기출을 프린트해서 공부하는 ..

java package 란? 자바의 패키지란 서로 관련된 class 나 interface를 모아둔 것을 말합니다. 이 패키지를 통해 파일을 효율적으로 관리할 수 있습니다. 패키지는 하나의 디렉터리를 의미하는데, 이때 계층 구조는 점(.)으로 구분됩니다. java.lang.String String 클래스는 java.lang 에 속한 클래스 ✨ 패키지 선언 방법 클래스나 인터페이스의 파일에 추가해줍니다. package 패키지이름; ✨ import 선언한 패키지에 속한 클래스를 다른 파일에서 사용하려면 클래스 이름 앞에 경로까지 포함한 풀 네임을 명시해서 사용해야 합니다. 이런 걸 import 문을 이용합니다. import문은 클래스의 패키지에 대한 정보를 미리 제공하는 역할을 합니다. import 패키지이름..

safe-area란 화면 해상도가 다양해지면서 필수 콘텐츠의 노출을 보장할 수 있는 영역을 말합니다. 아이폰 x 이후의 기종들은 상단의 노치(notch) 영역과 하단의 라운드영역이 있어 콘텐츠가 안정적으로 보일 수 있는 safe-area를 가지고 있습니다. 앱 개발을 하다보면 이런 화면들에서 생기는 문제점이 있습니다. * 가로모드일때 좌우 영역이 노치에 의해 가려짐 * 하단의 홈 인디케이터 영역과 콘텐츠 영역의 겹침 이미지 출처 : https://wit.nts-corp.com/2019/10/24/5731 이런 문제점들을 해결하기 위한 대응 방법입니다. 1, html 메타 태그 추가하기 html 에 있는 meta 태그에 viewport-fit=cover를 추가해 줍니다. (기본값은 auto입니다) 2, c..

스프링부트 프로젝트를 설정하다 보면 application.properties / application.yml 가 생성된 것을 확인할 수 있습니다. 외부 속성을 설정하는 파일입니다. ⭐️ application.properties key - value 형식을 사용해 속성을 설정합니다. dot(.) 을 사용해서 계층적 구조를 이룰 수 있습니다. distributionBase=GRADLE_USER_HOME distributionPath=wrapper/dists distributionUrl=https\://services.gradle.org/distributions/gradle-7.4.1-bin.zip zipStoreBase=GRADLE_USER_HOME zipStorePath=wrapper/dists ⭐️ ap..

html 구조를 변경하지 않고 css를 통해 span 안의 텍스트를 변경하고 싶은 경우가 있습니다. 그럴 때 '가상 선택자'를 사용하여 변경해줍니다. 저는 클래스를 하나 더 추가해 사용했습니다. 변경하고 싶은 텍스트를 type 2의 가상 선택자의 css에 추가하고 기존 텍스트는 보이지 않게 해줘야 하기 때문에 .txt.type2 의 font-size를 0으로 설정해줍니다. See the Pen span txt by jh-baek-95 (@jh-baek-95) on CodePen. ⭐️ 비슷한 유형 img src를 css로 수정하기 https://sevendays.tistory.com/45 [CSS] img src를 css로 수정하기 보통 img 태그를 쓸 때는 html 안에 아래와 같이 들어가게 됩니다...

제가 사용하고 있는 비주얼 스튜디오 코드의 단축키입니다. 단축키를 사용하게 되면 작업의 속도를 향상할 수 있습니다. 1 ) html 초기 태그 자동완성 ! + Tab 2 ) 주석 주석하려는 줄 블록 + ctrl + / 3 ) 텍스트 찾기 ctril + f 4 ) 텍스트 찾기 + 텍스트 바꾸기 ctrl + h 5 ) 왼쪽 탐색기 창 열기 / 닫기 ctrl + b 6 ) 에디터 폰트 사이즈 조절 ctrl + '+' / ctrl + '-' ❊ 차근차근 추가할 예정입니다 :)

모바일에서 a태그 또는 input 터치 시 하이라이트 효과가 나오는 경우가 있습니다. 이를 제거 하기 위해서는 -webkit-tap-highlight-color 를 사용합니다. input { -webkit-tap-highlight-color:transparent; /*ios 대응*/} input { -webkit-tap-highlight-color:rgba(0, 0, 0, 0); outline:none; /*android 대응*/} 단, div에서는 지원이 안됩니다.

Javascript의 배열 속에 특정 문자열을 포함하는지 체크하는 함수입니다. ✨ 문법 string.includes(찾고싶은 문자, length) 찾고싶은 문자 : 검색할 문자열, 필수 값, 대소문자를 꼭 구분해야 합니다. length : 검색을 시작할 위치를 지정해 줍니다. 필수 값이 아니므로 값이 없으면 전체 문자열이 대상이 됩니다. ✨ 예제 'abcde'.includes('c') //abcde에 c를 포함하는지 검사합니다. c를 포함하면 true 반환 'abcdef'.includes('c', 2) //2째 위치 (0부터 시작)인 cdef에 c를 포함하는지 검사합니다. c를 포함하면 true 반환 'ABcdef'.includes('b') //대소문자를 구분해야 하므로, b가 포함되어있지 않습니다. f..