공부 기록일지📚

// Function expression // a function declaration can be called earlier than it is defined. (hoised) // a function expression is created when the execution reches it. //a function declaration(호이스팅 지원) vs a function expression 비교 함수(Function) - 프로그램의 fundamental building block - subprogram (여러번 재사용되기 때문에) - 한 가지의 일을 처리하거나 값을 계산할 때 사용(한 함수에 여러가지 일을 처리하게 만들면 안된다.) - 하나의 return을 무조건 가지고 있음 (없는 애들은 re..

사용에디터: visual studio code settings.json 파일을 열고 setting의 값 변경을 통해서 주석색을 변경해보자 1. settings.json 파일 열기 (단축키: Ctrl + , ) or file -> settings -> 우측상단에 Open settings(JSON)아이콘 누르기 2. settings.json에 아래의 코드 추가해주기 "editor.tokenColorCustomizations": { "comments": "원하는 색상코드" }, ※이전 코드의 맨 끝에 콤마(,)를 넣어서 구분해주는것을 까먹지마세요. 세팅을 저장하고 제대로 작동하는 지 확인해봅시다. ▼ 저는 로즈쿼츠 색(#F7C9C9)으로 했습니다. -> 쓰다보니까 색이 좀 밝아서 눈아프길래 채도를 낮춘 색으로..

최신 ECMAScript인 TypeScript를 개발할 때 사용하고 사용자한테 배포할때는 BABEL(타입스크립트를 ES5, ES6의 형태로 변환된 코드로 만들어주는 자바스크립트 트랜스컴파일러 )을 이용한다. 현재 동향 SPA (Single Page Application) -> 하나의 페이지 안에서 필요한 데이터를 가져와 부분적으로 업데이트하는 형식 이러한 SPA를 조금 더 쉽게 구현하기 위해서 사용되는 대표 js프레임워크가 바로 React.js Angular.js Vue.js 인 것입니다. 강력한 자바스크립트 엔진V8*을 통해서 node.js(Back-end)가 등장 *V8은 google이 개발했으며 chrome과 node.js에서 사용됩니다. JavaScript는 WebAPI와 헷갈릴 수 있는데 다르다..

웹 환경에서 JavaScript 목적 = HTML 조작과 변경(핵심) -> HTML조작하는 것이 핵심이라고 했으므로 당연히 JS가 들어간 script태그는 HTML 요소들 아래에 작성해야 오류가 나지 않음(그래서 body태그의 끝쪽에 script태그를 넣으라고 하는 것) ->JS와 HTML은 분리시켜줘야 한다. 그래서 onclick 내부에 바로 js코드를 작성하는 것은 좋지 않음 따로따로 작성해라 ->분리시켜주기 위해 이벤트리스너를 사용하는 것 UI구현 기본 법칙 미리 디자인해놓고 숨기기(UI를 보여주고 안보여주고할때는 css display none을 많이씀) 버튼 누르거나하면 보여주기 + querrySelector로 HTML요소 가져오기 싫으면 그냥 id부여해서 getElementById() 하기 버튼..

Prettier이란? Visual Strudio Code에서 코드를 보기 좋게 정리해주는 확장 프로그램이다. 대부분의 프로그래밍 언어에서 사용 가능 협업 시 코딩 스타일이 달라서 merge할 때 문제가 생길 수 있으므로 사용하는 것이 좋음 설치방법: Visual Studio Code 화면에서 왼쪽 사이드 바에서 테트리스같이 생긴 extension(확장)아이콘을 누르고 prettier를 검색 후 설치합니다. (가장 위에 뜨는 걸 선택하면 됩니다.) 맨 하단을 보면 Prettier가 설치된 모습을 확인할 수 있다.▼ + 빨간색으로 체크한 부분을 클릭하면 프리티어에 관한 상세 속성을 볼 수 있다. ▼ 프리티어 적용이 안될 때, 해결방법 1. Format on Save 확인 vscode 설정(settings)에..