본문 바로가기

Front-End6

[HTML]Semantic HTML,의미론적인 HTML Semantic은 사전적으로 '의미의',의미론적인' 이라는 뜻입니다.웹이 발전하는 과정에서 정보로서의 의미가 중요해지면서 사람과 기계(검색엔진, 스크린 리더) 모두에게 유용한 형태의 데이터가 발전하였습니다.그 중에 한 부분이 Semantic 입니다. Semantic 자체만으로는 광범위한 기술을 의미하고 있어 그 모든것을 설명하기는 어렵기 때문에 HTML태그 내에서 Semantic을 설명하고자 합니다.HTML5가 되면서 기능은 없지만 정보를 내포하고 있는 태그들이 나타나게 되었습니다. 상단에 표현되는 , 하단에 표현되는 , 웹사이트내 이동을 담당하는 등이 있습니다.태그 종류태그설명독립적인 콘텐츠를 정의합니다.별도로 표시되는 콘텐츠를 정의합니다.추가 세부 정보를 정의하고, 사용자가 보거나 숨길 수 있습니다.. 2024. 5. 11.
[NextJS]수동설치 1. 폴더 생성 mkdir next-js-guide 2. npm init cd next-js-guide npm init 3. NextJS 의존성 설치 npm i react@latest next@latest react-dom@latest 4. package.json 바꾸기 기존 scripts 내용을 삭제하고 dev 추가하기"scripts": { "dev": "next dev" }, 5. app폴더 만들기 mkdir app 6. page.tsx 만들기 export default function Hello(){ return Hello } 2024. 2. 21.
[CleanCode]클린코드에 필요성 1. JavaScript 특성 타 언어와 유사점 문법 JAVA와 유사하다 문자열, 배열, 정규표현식 펄과 유사하다. 함수 오크와 유사하다. 클로저 스코프 스키마와 유사하다 프로토타입 셀프와 유사하다 이벤트 하이퍼토크와 유사하다 🚨 클로저, 스코프에 대한 정리가 필요함. 2. 프론트엔드 개발자의 실수 줄이기 Node.js Chrome V8 JavaScript엔진으로 빌드된 JavaScript 런타임입니다. JavaScript는 기본적으로 웹 브라우저에서 동작하는 언어이다. Node.js가 등장하면서 JavaScript는 폭발적인 성장을 하게 된다. Electron 크로뮴과 Node.js에 기초하여, HTML, CSS, JavaScript를 이용하여 웹 앱을 제작하듯 데스크톱용 앱을 제작할 수 있는 프레임워.. 2023. 1. 1.
[CleanCode]Udemy CleanCode JavaScript CleanCode JavaScipt를 수업듣고 내용을 정리해보고자 한다. 2023. 1. 1.