| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- 코딩기초
- 리액트
- react-router
- 코린이
- 비동기
- 리덕스
- 깃
- http
- React Native
- git
- 타입스크립트
- 사용하는 이유
- 자바스크립트
- html기초
- redux
- 리액트 네이티브
- 코딩독학
- SasS
- Vue3
- async
- react
- 참조자료형
- 코딩초보
- CSS
- JavaScript
- useEffect
- 프론트엔드
- TypeScript
- 코딩공부
- scss
- Today
- Total
목록2022/02/14 (2)
맨 땅에 프론트엔드 개발자 되기
리액트 React 시작하기 (CDN & CRA)
리액트 React 시작하기 (CDN & CRA) 1. CodePen 으로 시작하기 CodePen은 웹에서 코딩을 작성할 수 있는 애플리케이션이다. CodePen에서 시작하는 방법은 실제 프로젝트를 만들 수 있는 방법은 아니고, React를 경험해보거나 간단한 테스트 코드를 실행해볼 때 사용하는 방법이다. CodePen https://codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io CodePen에 간단하게..
HTML 시맨틱 태그를 사용하는 이유
HTML 시맨틱 태그를 사용하는 이유 시맨틱(Semantic) 태그란? 시맨틱 태그란 의미가 있는 태그를 말한다. 모든 block 영역은 div 태그로, inline 요소는 span 태그와 달리, header, main, footer, section, article과 같은 태그 자체에 의미가 담긴 태그를 말한다. 시맨틱 태그를 왜 써야하는데? 영역마다 무슨 태그를 써야하는지 생각하는 게 귀찮고 그냥 다 div 태그를 써버리면 되는데 뭐하러 시맨틱 태그를 사용하나? 라고 생각이 들 수도 있겠지만, 시맨틱 태그를 사용하는 것과 아닌 것에 차이점이 있다. 1. 검색엔진 최적화(SEO) 검색엔진이 알맞은 검색결과를 내기 위해 웹사이트를 크롤링할 때 웹사이트의 내부에 담긴 정보를 토대로 사이트를 분석한다. 그럴 ..