jsx란? javascript를 확장한 문법입니다. react에서는 이벤트가 처리되는 방식, 시간에 따라 state가 변하는 방식, 화면에 표시하기 위해 데이터가 준비되는 방식 등 렌더링 로직이 본질적으로 다른 UI로직과 연결된다는 사실을 받아드립니다. React는 별도의 파일에 마크업과 로직을 넣어 기술을 인위적으로 분리하는 대신, 둘 다 포함하는 "컴포넌트"라고 부르는 느슨하게 연결된 유닛으로 관심사를 분리합니다. 이후 섹션에서 다시 컴포넌트로 돌아오겠지만, JS에 마크업을 넣는 게 익숙해지지 않는다면 이 이야기가 확신을 줄 것입니다. React는 JSX 사용이 필수가 아니지만, 대부분의 사람은 JavaScript 코드 안에서 UI관련 작업을 할 때 시각적으로 더 도움이 된다고 생각합니다. 또한 Re..

웹디자인기능사 b-3유형 완성 getuse 자기소개 page contents 정리 ... 비동기 통신으로 백엔드서버에서 data 가져오기 code 복습

https://library.gabia.com/contents/domain/4359/ 가비아 라이브러리 IT 콘텐츠 허브 library.gabia.com

npm init , npm install express, create gitignore, install nodemon, npm install nodemon --save-dev ( https://velog.io/@chy0428/Node-JS-Nodemon-%EC%84%A4%EC%B9%98 ) [Node JS] Nodemon 설치 Nodemon은 프로젝트 폴더의 파일들을 모니터링 하고 있다가 파일이 수정되면 서버를 자동으로 restart 시켜주는 패키지이다. 다음 명령어를 이용하여 설치한다. (-dev를 붙이면, development mode, 즉 local velog.io node_module json script에 꼭 nodemon 꼭 붙이기 main 설정 220228 구축한 node + nodemon ..

npm start -> 서버구동 모듈은 require로 부른다. express.Router() --> express라는 모듈 속 Router express { Router: functon(){} ; }

1. express란 ?? -> Node.js를 위한 '빠르고 개방적인 간결한 프레임워크' 이라고 한다 ... 무슨 의미인지 감이 안잡히기 때문에 의미 파악에 앞서 기반 개념을 정리해보자 일단 NodeJS란, 자바스크립트를 브라우저 밖에서 사용하게 해주는 프로그램이라 한다. NodeJS를 사용하여 서버를 개발한다. 프레임워크란, 클래스와 라이브러리의 집합체라고 보면 된다. 즉 Express라는 프레임워크(라이브러리 + 클래스의 집합체) 를 사용하여 Node.js로 서버를 쉽고 빠르게 개발할수 있따는 결론에 도달한다. 2. Express 사용환경 구축하기 Express는 Node.js를 위한 프레임워크 이므로 당연히 npm이 깔려있어야한다. npm install -g npm --> 여기서 -g 는 glob..

npm -v 으로 버전 확인 npm install -g npm 으로 최신버전 설치

' -> 문자열 배출 , "-> 변수가 내부에 있어도 값을 출력한다. ex) '$ccc' -> $ccc라고 배출한다. echo '출력'; include_once('상대경로로 파일') -> 파일을 호출할땨ㅐ $변수이름 -> php 변수 선언시 $ 사용 defined('일부러 대문자로 변수','값') -> 정의값 const와 동일한 변수 중간절대수정불가 $ccc='방' ; $ddd='보영'; echo $ccc.$ddd; --> 방보영 출력됨

WebKit 이란 무엇인가 ? 웹킷(WebKit)은 애플에서 오픈소스로 개발하고 있는 웹컨텐트(web content) 엔진 또는 웹렌더링(web rendering)엔진이다.