Dev_JasonKim

(해당 글은 내가 나중에 다시 확인하기 위한 목적도 포함되어 있다.) 코드를 입력하다 보면 매번 비슷한 코드를 입력하는 경우가 종종있다. console.log() 내게는 로그를 찍는 코드가 그런 코드였다. 찾아보니 로그를 찍는 단축키는 없고, 자동완성 기능에서 키워드를 추가로 생성할 수 있었다. 가보자고!!💪🏼 1. 설정 탭 - User Snippets 클릭 vscode 하단의 톱니바퀴(설정탭)을 클릭해서 User Snippets 메뉴를 클릭한다. 2. 최상단의 Existing Snippets 클릭하여 파일 열기 👉🏾 (기존 스니펫이 없는 경우) New Snippets 클릭 ➡️파일이름 설정 후 생성한 파일 열기 3. 파일에서 코드를 추가 아래의 양식에 맞추어 작성하면 완성이다. console.log p..

저는 Mac에서 vsCode 에디터를 사용중입니다. 코딩을 하면서 불편하다는 느낌을 받은 적은 없지만 강의를 듣다가 눈에 들어오는 글자를 발견했습니다. 이런 글씨체를 보신적 있나요? 저는 처음에 저게 어떤 건지 몰라서 '=== 익스텐션' 이렇게 검색하는데 나오지 않았습니다... 구글링을 통해 찾다보니 FIRA Code라는 글씨체였습니다. 그럼 이 코드를 어떻게 적용하는지 알아보겠습니다. 1. 아래 링크를 통해 url에서 다운을 받습니다. https://github.com/tonsky/FiraCode GitHub - tonsky/FiraCode: Free monospaced font with programming ligatures Free monospaced font with programming liga..

프로그래밍 순서 1.환경세팅 1)빌드 세팅 2)디버깅 3)CI/CD 4)상수/변수 정의 5)화면그리기 : mark-up language → tree 구조 (2차원의 모든 구조를 표현가능) →화면별로 : 상수/ 변수/ 네트워크/ 이벤트/ 컨버터/ 포맷터 설정! 6)함수 4-1.상수 → 디자인, 크기, 색깔, 글꼭, 마진, string값 등 필요한 값들을 지정해놓고 가져다가 사용. 1) 디자인 2) 정책 : if문 안에 들어가는 기준 (상수나 비율[%]로도 가능.) ex) Thresholding 등 3) 설정 ex) network, DB, 환경 등 4-2.변수 ex) normal 버튼 ⇒ 변수 title→ string ‘확인’ onClick→ callBack 6)함수 작성 순서 -init() 역할 : 멤버 ..