Dug_House

개인 노션에서 정리한 내용입니다. article과 section이 너무나 헷갈려 제 나름의 정의를 내려봤습니다. https://sanghoon98.notion.site/sementic-tag-356b188e1c35414b8ac714fcf8bee153 sementic tag sementic tag를 사용하는 이유 sanghoon98.notion.site

https://sanghoon98.notion.site/MVC-Flux-4450d42440294d02a827ec12e48f89a1 MVC패턴과 Flux 아키텍처 Front-End에 사용되는 프레임워크의 대부분은 MVC(Model-View-Controller) 디자인 패턴을 채택 sanghoon98.notion.site 개인 노션에 정리한 내용입니다.

e.preventDefault()는 DOM의 기본 동작을 방지한다. 여기서 e는 event객체를 의미한다. 예를들어 Check Box의 check가 되는 것 스크롤링 의 페이지 넘어가는 것 , 의 text 입력하기 의 페이지 새로고침 애먹었던 상황 form 태그 안의 button태그는 기본적으로 submit으로 실행된다. 하지만 나는 submit을 원한게 아니었다 그렇기에 e.preventDefault()을 사용해주었다. REF https://developer.mozilla.org/ko/docs/Web/API/Event/preventDefault

⚠️ 필요 없다면 최적화 하지마! 웹이나 앱이 느려졌다고 판단됬을 때 최적화를 해라 아무도 방문 안하는데 최적화하는 것 만큼 비효율적인 게 없다. https://sanghoon98.notion.site/834e7a6576df42f9b3adfe539b90b45c 렌더링 최적화 필요 없다면 최적화 하지마! sanghoon98.notion.site 개인노션에 정리한 내용입니다.

SessionStorage : 임시 저장소 SessionStorage는 데이터가 지속적으로 보관되지 않는다. 데이터의 지속성과 액세스 범위에 특수한 제한이 존재한다. SessionStorage는 windows 전역 객체의 SessionStorage라는 컬렉션을 통해 저장과 조회가 이루어진다. 현재 페이지가 브라우징되고 있는 브라우저 컨텍스트 내에서만 데이터가 유지된다. SessionStorage는 브라우저가 종료되면 데이터도 같이 지워진다 SessionStorage 역시 Web Storage의 기본 보안 처럼 도메인별로 별도로 생성된다. 여기 더불어 SessionStorage는 같은 사이트의 같은 도메인이라 할지라도 브라우저가 다르면 서로 다른 영역이 된다. 브라우저 컨텍스트가 다르기 때문이다. 탭 브라..

코딩 컨벤션이란? 읽고, 관리하기 쉬운 코드를 작성하기 위한 일종의 코딩 스타일 규약이다. 특히 자바스크립트는 다른 언어에 비해 유연한 문법구조(동적 타입, this 바인딩, 네이티브 객체 조작 가능)를 가지기 때문에 개발자 간 통일된 규약이 없다면 코드의 의도를 파악하거나 오류를 찾기 어렵다. 장점 가독성이 좋아진다. 성능에 영향을 주거나 오류를 발생시키는 잠재적 위험 요소를 줄여준다. 유지보수 비용이 절약된다. 코딩 컨벤션 적용하기 삼중 등호 연산자인 ===, !==만 사용한다. 변수, 함수 Camel Case로 표기하기 낙타의 혹처럼 첫단어는 소문자로, 나머지는 대문자로 시작하게 작성한다. ex) stringArray 상수는 대문자, Snake Case로 표기하기 ex) STRING_ARRAY 변수..

클로저(Closures) 우리가 함수 안에서 또 다른 함수를 만들 때마다 사실 우리는 클로저를 만든겁니다. 안쪽 함수가 클로져입니다. 🔥 어떠한 함수 안에 내부 함수를 정의한다면, 이 함수는 클로저라고 불릴 수 있습니다. 내부함수의 범위에서는 외부 함수 범위에 있는 변수에 접근이 가능하지만 그 반대는 실현이 불가능하다는 개념이다. 실행컨텍스트, 스코프 체이닝, 렉시컬 스코핑와 관련됨! function outerFunction () { const outer = `I see the outer variable!`; function innerFunction () { console.log(outer); } return innerFunction; } outerFunction()(); // I see the oute..

배경 지식 Scope : 범위 Scope Chain : 자신과 상위 Scope들의 변수 객체들을 꼬리를 물고 범위를 넓히며 사슬 처럼 얽혀있어 찾을 수 있는 것이다. Lexical Scope : [[ 자신의 환경 ]], 처음 선언하는 순간! 변수는 자신의 Scope로부터 가장 가까운 곳(상위 범위에서)에 있는 변수를 계속 참조하게 됩니다, 해당하는 값이 없다면 외부 렉시컬환경을 참조한다. Context란? 문맥, 맥락, 전후 사정이라는 의미이다. 그 문맥, 맥락, 전후 사정을 Scope(범위)의 맥락으로 이해하면 된다. 실행 Context란? 실행 중의 문맥, 맥락, 전후 사정, 환경이라는 의미이다. 모든 코드는 실행 Context를 통해 실행되고 관리된다. 코드 실행 순서는 실행 Context Stac..