Jade_o.o

Node.js & NPM • Node.js는 React를 사용하기 쉽게 하는 도구를 내장하고 있음 • Node.js와 함께 설치되는 NPM(Node Package Manager)를 이용 하면 프론트엔드 프로젝트를 위한 다양한 패키지를 쉽게 설치하고 관리 가 능 • 리액트도 하나의 패키지! • 자바스크립트 런타임인 Node.js 기반으로 만들어진 Webpack과 Babel 같은 도구을 자주 사용 Babel • 옛날에는 큰 기능을 하지 않는 자바스크립트 컴파일러(해석기)였지만 리 액트에서는 중요한 역할 • 최신 JavaScript 문법을 이전 버전의 JavaScript 문법으로 변환해주 어 다양한 브라우저에서 호환성에 문제 없이 코드를 실행할 수 있음 Webpack • 자바스크립트 모듈 번들러 (Module..

React • https://react.dev/ React React is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript. React is designed to let you seamlessly combine components written by independent people, teams, and organizati react.dev • The library for web and native user interfaces React 란? • 화면을 만들기 위한 자바스크립트 라이브러리 • 현재 프론트엔드 개발 ..

프론트엔드 3대장 Angular JS • 구글에서 만든 JavaScript 기반의 오픈 소스 프레임워크 • 양방향 데이터 바인딩으로 양방향 웹 애플리케이션에 적합 • 2016년도 이후 점유율 하락 중 • Ex) 유튜브, 페이팔, 구글, 텔레그램 등등 React JS • 동적 사용자 인터페이스를 만들기 위해 2011년 페이스북에서 만든 오픈 소스 JavaScript 라이브러리 • 데이터 변경이 잦은 복잡하고, 규모가 큰 라이브러리에 적합 • Angular 보다 배우기 쉽다고 이야기 됨. • Ex) 페이스북, 인스타그램, 넷플릭스, 야후, 드롭박스 등등 Vue.js • 2013년 출시된 JavaScript 프레임워크 • Angular와 React의 장점을 수용한 프레임워크 • 중국어 기반으로 Referenc..

eventListener를 통해 text창에 입력후 버튼을 클릭하면 작성자, 내용, 작성일(작성한 날짜,시간)이 찍히도록 구현해 보자 1. 등록버튼을 누르면 테이블의 열으로 input의 내용 추가 2. 작성일은 현재에 대한 작성 날짜와 시간이 들어가야 함 먼저 전체 html 코드를 살펴보고 브라우저로 실행된 콘솔창도 함께 보자 여기는 방명록!! 작성자 내용 등록 작성자 내용 작성일 /* 방법1 */ // [등록] 버튼 클릭시 writeNote() 함수가 실행되도록 인라인 방식으로 미리 설정해 두었습니다. function writeNote() { let writer = document.querySelector('#writer'); let content = document.querySelector('#con..