일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 리액트 네이티브
- http
- git
- 프론트엔드 개발
- 코딩기초
- 비동기
- TypeScript
- 코딩초보
- 깃
- 코린이
- JavaScript
- React Native
- react-router
- CSS
- redux
- react
- Vue3
- 리덕스
- scss
- 코딩공부
- 타입스크립트
- 리액트
- async
- 참조자료형
- SasS
- 프론트엔드
- 자바스크립트
- 코딩독학
- html기초
- 사용하는 이유
- Today
- Total
목록프론트엔드 개발 (2)
맨 땅에 프론트엔드 개발자 되기
리액트를 사용하는 이유 (SPA, CSR, SSR) 많은 개발자들에게 사랑받고 있는 리액트!! 현재, 많은 현업 개발자들에 의해 쓰이고 있고, 프론트엔드 개발에 관심이 있다면 다들 한번씩은 들어봤을 것 같다. 그러나 다른 사람들이 다 쓰니까, 인기 있으니까 무작정 리액트를 쓰게 된다면 우리는 리액트가 주는 장점이나 본질을 이해하지 못하고 제대로 사용하지 못 하게 된다. SSR (서버사이드 렌더링) 과 CSR (클라이언트사이드 렌더링) 우선 리액트의 장점을 이해하려면 SSR과 CSR의 개념에 대해서 알아야 한다. 웹문서는 브라우저에 표시되어야 할 정보들을 담고 있다. 이 정보들은 브라우저가 해석할 수 있는 프로그래밍 언어로 되어 있으며, 서비스를 제공하는 회사 혹은 개인의 서버(요즘엔 클라우드 서버)에 저..
Node.js 환경에서 프론트엔드 개발하기란? Node.js Node.js를 공식문서에서는 "Node.js는 Chrome V8 JavaScript 엔진으로 빌드 된 JavaScript 런타임입니다." 라고 소개한다. Chrome V8 JavaScript 엔진은 무엇이고, JavaScript 런타임은 무엇인가? 나같은 비전공자 초보 개발자는 도무지 이해할 수 없는 단어들의 조합이다. 프론트엔드 개발을 할 때 자주 사용하는 VS code Extension 중 'Live Server'라는 확장기능이 있다. HTML, CSS, JAVASCRIPT를 작성하고 난 뒤 결과물을 확인하기 위해 Live Server를 이용하는데 이는 Live Server라는 확장기능이 서버를 자동으로 빌드해주고 그 환경에서 프론트엔드 ..