앞서 계속 언급했던 jsx(javascript xml)를 알아보겠습니다. 컴포넌트를 만들 때 React.createElement() 함수를 사용해서 만들게 되면 다음과 같이 상당히 고통받게 됩니다. 1234567891011121314151617181920212223242526272829303132"use strict"; React.createElement( "div", { className: "App" }, React.createElement( "header", { className: "App-header" }, React.createElement("img", { src: logo, className: "App-logo", alt: "logo" }), React.createElement( "p", nul..
React 프로젝트 환경을 구축하기 위해서 node.js의 여러 라이브러리들을 이용하여 사용하겠습니다. 준비사항 React는 컴포넌트를 여러가지 파일로 분리하여 저장하고 js가 아닌 jsx라는 문법을 사용할 것입니다. - Webpack : 여러가지 분리된 파일 하나로 합쳐주는 라이브러리- Babel : jsx를 비롯한 새로운 js 문법을 사용하기 위한 라이브러리- Node.js : Webpack과 Babel 등 여러 라이브러리를 사용하기 위한 javascript 런타임- Yarn : 캐싱 시스템 등 조금 더 개선된 npm(node package manager)- Visual Studio Code : 실제 개발을 위해 필요한 에디터 (공짜) 다음 준비사항들의 설치 과정은 생략하겠습니다. CRA(create..
Front-end Framework / Library 최근 웹 애플리케이션 개발은 대부분 프론트엔드 프레임워크/라이브러리를 사용하여 만들어집니다. 그렇다면 왜 이런 프레임워크나 라이브러리를 사용할까요? 물론 프레임워크나 라이브러리를 사용하지 않고 HTML, CSS와 단순한 javascript만을 이용하여 웹 페이지를 개발할 수 있습니다. 하지만 최근의 웹은 유저의 행동에 따른 다양한 데이터 및 UI 변화를 요구하고 있습니다. 이런 부분을 프레임워크나 라이브러리 없이 한다고 하면 상당히 관리적인 측면에서 어려움을 겪을 것입니다. 이러한 이유로 웹 애플리케이션 개발에서는 프론트엔드 프레임워크/라이브러리를 채택하고 있습니다. 이 중에서 최근 핫한 3대장이 Angular, React, Vue 입니다. 개발에 필..
- Total
- Today
- Yesterday
- 다짐
- flaMap
- 회고
- flatMapToInt
- 계획
- 람다
- 스트림
- IntelliJ
- 개발자
- #배열 #array #map 함수
- flatMapToDouble
- 변경사항
- jdk14
- 중간 연산
- flatMapToLong
- 충북 콕! 콕!
- java
- lambda
- #예제 #example #가계부 #Account Book
- mapToObj
- java14
- import문
- modern java
- 목표
- #React #ReactJS #리액트
- Java8
- 자바
- 익명 클래스
- 토이 프로젝트
- Stream API
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |