일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
- webpack
- TypeScript
- useCallback
- render
- useMemo
- 피그마
- axios
- 프로그래머스
- FIGMA
- Stack
- Taillwind
- SSR
- Javascript
- github
- Babel
- 코딩테스트
- EC2
- git
- TAILWIND
- Next.js
- HTML
- CSS
- grid
- express
- docker
- FigJam
- 자료구조
- hook
- 해시
- react
- Today
- Total
목록2023/12/13 (2)
나는 오늘도 멋있다
개발자가 사용자에게 보여주고 싶은 컨텐츠를 브라우저가 읽을 수 있도록 만들어 놓은 문서 HTML구조 // 문서의 형식을 지정하여 브라우저는 해당문서를 HTML5 문서로 해석한다. // 문서의 시작을 알리며, lang속성은 문서의 언어를 지정한다. // body태그를 읽기전에 정보들 // html 파일의 기본정보(문서정보, 메타데이터, 스타일시트, 스크립트) // 문서의 본문으로서 화면에 표시되는 모든내용이 들어감 시멘틱 태그(Semantic Tag) 태그 설명 용도 문서나 섹션의 헤더를 정의 로고, 제목, 네비게이션 네비게이션 링크를 정의 메뉴, 링크목록 문서의 주요콘텐츠를 정의하며, 하나만 사용해야함 독립적으로 구분되거나 재사용가능한 콘텐츠 블록 뉴스, 기사, 블로그 포스트 문서의 섹션을 정의 제목, ..
사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 1. 다른 웹 프레임워크나 라이브러리와 혼용해서 사용할 수 있음 2. 라우팅, 데이터 모델링, AJAX등은 외부 라이브러리를 사용해서 구현해야함 3. JSX(JavaScript 확장문법)을 사용하여 브라우저에서 실행되기 전 일반 JS형태의 코드로 변환됨 4. 최소한의 단위, 데이터함수, UI를 재사용 가능한 여러조각을 컴포넌트 기반으로 나누어 사용한다. 5. React의 개발핵심은 상태값을 효율적으로 관리하는것 리액트 라이프사이클(React LifeCycle) 리액트 가상 돔(React Virtual DOM) 리엑트에서 실제 DOM에 직접 접근하여 조작하는 대신, 적은 연산 시간을 위해 추상화한 자바스크립트 객체로서 실제 DOM의 가벼운 사본..