Frontend43 코딩 컨벤션 코딩 컨벤션이란? 읽고, 관리하기 쉬운 코드를 작성하기 위한 일종의 코딩 스타일 규약이다. 특히 자바스크립트는 다른 언어에 비해 유연한 문법구조(동적 타입, this 바인딩, 네이티브 객체 조작 가능)를 가지기 때문에 개발자 간 통일된 규약이 없다면 코드의 의도를 파악하거나 오류를 찾기 어렵다. 장점 가독성이 좋아진다. 성능에 영향을 주거나 오류를 발생시키는 잠재적 위험 요소를 줄여준다. 유지보수 비용이 절약된다. 코딩 컨벤션 적용하기 삼중 등호 연산자인 ===, !==만 사용한다. 변수, 함수 Camel Case로 표기하기 낙타의 혹처럼 첫단어는 소문자로, 나머지는 대문자로 시작하게 작성한다. ex) stringArray 상수는 대문자, Snake Case로 표기하기 ex) STRING_ARRAY 변수.. 2022. 6. 19. 클로저 클로저(Closures) 우리가 함수 안에서 또 다른 함수를 만들 때마다 사실 우리는 클로저를 만든겁니다. 안쪽 함수가 클로져입니다. 🔥 어떠한 함수 안에 내부 함수를 정의한다면, 이 함수는 클로저라고 불릴 수 있습니다. 내부함수의 범위에서는 외부 함수 범위에 있는 변수에 접근이 가능하지만 그 반대는 실현이 불가능하다는 개념이다. 실행컨텍스트, 스코프 체이닝, 렉시컬 스코핑와 관련됨! function outerFunction () { const outer = `I see the outer variable!`; function innerFunction () { console.log(outer); } return innerFunction; } outerFunction()(); // I see the oute.. 2022. 6. 19. 실행 Context 요약 배경 지식 Scope : 범위 Scope Chain : 자신과 상위 Scope들의 변수 객체들을 꼬리를 물고 범위를 넓히며 사슬 처럼 얽혀있어 찾을 수 있는 것이다. Lexical Scope : [[ 자신의 환경 ]], 처음 선언하는 순간! 변수는 자신의 Scope로부터 가장 가까운 곳(상위 범위에서)에 있는 변수를 계속 참조하게 됩니다, 해당하는 값이 없다면 외부 렉시컬환경을 참조한다. Context란? 문맥, 맥락, 전후 사정이라는 의미이다. 그 문맥, 맥락, 전후 사정을 Scope(범위)의 맥락으로 이해하면 된다. 실행 Context란? 실행 중의 문맥, 맥락, 전후 사정, 환경이라는 의미이다. 모든 코드는 실행 Context를 통해 실행되고 관리된다. 코드 실행 순서는 실행 Context Stac.. 2022. 6. 19. SOLID 원칙 총정리 https://sanghoon98.notion.site/SOLID-11a20f5dcad24a56b7424c6521059fb8 SOLID 원칙 총정리 객체 지향 프로그래밍 및 설계의 다섯 가지 기본 원칙 sanghoon98.notion.site 개인 노션에 정리한 내용입니다. 2022. 6. 17. Event Bubbling & Capturing https://sanghoon98.notion.site/Event-Bubbling-Capturing-5618ffb94be640e68930339e2ee130c3 Event Bubbling & Capturing 엘리 : @제목 없음 sanghoon98.notion.site 개인 노션에 정리한 내용입니다. 2022. 6. 17. 세션, 쿠키, 토큰, JWT, refrash 토큰 https://sanghoon98.notion.site/Session-Token-Cookie-JWT-6c8d65428d4c4c3aa7c1eceb17d58f68 Session & Token & Cookie & JWT 세션기반 인증 : 서버가 기억한다 sanghoon98.notion.site 개인 노션에 정리한 내용입니다. 2022. 6. 17. 이전 1 2 3 4 5 6 7 8 다음