vs code preference 설정 창 접근 vs code > File > Preference > Settings setting 창에서 emmet 설정 Extensions > Emmet > Trigger Expansion On Tab 체크 Command Palette 열기 Ctrl + Shift + P Open User Setting (JSON) 선택 아래 설정 붙여넣기 "emmet.includeLanguages": { "javascript": "html" } VSCode 종료 후 다시 켜기(재실행) 출처 https://goddino.tistory.com/217 https://jhlee-dev.tistory.com/39
TIL
📌 React는 왜 필요한걸까? 리액트를 왜 배우는가? 어떤 기술도 이유없이 만들어지지 않는다. 모든 기술은 불편함을 해결하기 위해 나왔고 발전해왔다. 그래서 어떤 기술을 배운다는 것은 단순히 사용법만 배운다는 것만 의미하지 않는다. 단순히 사용법만 익히는 식으로 배우게 되면 기술에 대한 시야가 좁아지게 된다. 시야가 좁아진다는 건 문제해결능력이 부족하다고도 볼 수 있다. 시야가 좁아지면, 내가 배운대로가 아니면 또는 내가 겪어본대로가 아니면 해결할 수가 없게 되고, 심하면 해결할 의지가 없게 되고 문제해결능력이 없는 개발자를 원하는 곳은 없다. ✔️ 중복 코드 작성 문제에 대한 해결점 header, nav, footer 등 개별적인 요소가 아닌 공통 요소에 대한 중복 코드 관리 유지보수 측면에서 유용 ..
CS 브라우저 렌더링 원리를 설명해보세요. 브라우저 렌더링은 웹 페이지를 화면에 표시하는 과정인데요, 이는 몇 가지 단계를 거치게 됩니다. HTML 파싱: 브라우저가 웹 페이지를 로드하면, 첫 번째로 HTML 파일을 받아옵니다. 이 파일을 읽으며 웹 페이지의 구조를 파악하고, 이를 DOM (Document Object Model) 트리라는 구조로 변환합니다. CSS 파싱: HTML 파싱과 병행하여 CSS 파일도 받아옵니다. CSS는 HTML 요소들의 스타일을 결정하고, 이를 CSSOM (CSS Object Model) 트리로 변환합니다. 렌더 트리 생성: DOM과 CSSOM 트리를 합쳐서 렌더 트리를 만듭니다. 렌더 트리는 화면에 실제로 그려질 요소들만을 포함합니다. 레이아웃: 렌더 트리가 만들어지면, ..
effect 함수에서 사용하는 "모든 것"을 종속성으로 추가해야 힌다. 즉, 거기에서 사용하는 모든 상태 변수와 함수를 포함한다. 맞는 말이지만 몇 가지 예외가 있다. 다음 사항을 알고 있어야 한다. 여러분은 상태 업데이트 기능을 추가할 필요가 없다. setState : React는 해당 함수가 절대 변경되지 않도록 보장하므로 종속성으로 추가할 필요가 없다. "내장" API 또는 함수를 추가할 필요가 없다 fetch(), 나 localStorage 같은 것들 (브라우저에 내장된 함수 및 기능, 따라서 전역적으로 사용 가능): 이러한 브라우저 API/전역 기능은 React 구성 요소 렌더링 주기와 관련이 없으며 변경되지 않는다 또한 변수나 함수를 추가할 필요가 없다. 아마도 구성 요소 외부에서 정의했을 것..
