'code-sates' 태그의 글 목록

본문 바로가기

[D+83] React를 이용해 투두앱(TO-DO) 만들어보기 (1) D+83 - React를 이용해 투두앱(TO-DO) 만들어보기 (1) - (feat. 체크박스로 리스트 구현하기) 이번에 리액트를 배우면서 훅스에 대해 좀 더 깊이 있는 공부를 하기 전에 끝 매듭짓는 느낌으로 클래스를 통해 상태를 관리하고 porps를 사용하는 것에 대해 한 번 더 제대로 해보고 싶었고 단순히 테스트를 확인하기 위한 과정이 아닌 처음부터 끝까지 결과물을 만들어 보고 싶단 마음이 들었는데 마침 같이 공부하는 페어분께서 리액트를 통해 투두앱을 만들어보자는 제안을 해주셨다. 이틀정도 시간을 두고 그 후에 서로의 결과물을 확인하는 숙제느낌으로 후딱 만들기로 하였다. 본격 앱을 만들기 전에 각 컴포넌트의 위치를 대략적으로 파악하기 위해 그림을 그려 파악해 보았다. • APP : 가장 상단에 위치 .. 2021. 1. 9.

[D+74] React에 대한 나의 생각 D+74 - React에 대한 나의 생각 - (리액트 질문에 답하기) • JSX 문법을 도입하게 된 이유가 무엇일까요? 어떤 장점이 있나요? 대부분의 사람은 JavaScript 코드 안에서 UI 관련 작업을 할 때 시각적으로 더 도움이 되어 가독성이 좋다고 생각한다. 또한 React가 더욱 도움이 되는 에러 및 경고 메시지를 표시할 수 있게 해 준다. • JSX를 사용하지 않고 React를 사용할 수도 있나요? JSX를 사용하지 않고 리액트 엘리먼트를 통해 사용할 수 있다. • JSX에 JavaScript 표현식을 쓰려면 어떤 방법으로 써야 하나요? JSX안에서의 중괄호({ })를 통하여 유효한 모든 JavaScript 표현식을 넣을 수 있다. • import / export 구문은 어떤 식으로 사용할 .. 2020. 12. 31.

[D+73] 편리한 Express (feat. 미들웨어) D+73 - 편리한 Express - (feat. 미들웨어) Express • Express는 Node.js 환경에서 웹 어플리케이션 혹은 API를 제작하기 위해 사용되는 인기있는 프레임 워크 • 기존에 Node.js 형식으로 작성된 서버를 Express라는 프레임 워크를 통해서 훨씬 수월하게 사용이 가능 1 > Express 설치 $ npm install express --save 익스프레스를 사용하기 전에 우선 터미널 창을 열어 설치를 진행해 줘야 한다. 2 > Express 사용 const express = require('express'); // express 기본 모듈 const app = express(); // express 객체생성 const port = 3000; // 포트번호 3000 .. 2020. 12. 30.

[D+71] Server & Node D+71 - Server & Node - (Node.js, package.json, this) Node.js • JavaScript를 컴파일 하여 구동하고, 이벤트 기반의 논블로킹 모델로 속도가 빠르다. 개념 1 ) Chrome V8 script 엔진으로 빌드된 JavaScript 런타임이다. • V8 : JavaScript를 기계어로 컴파일 해준다. • 런타임 : 프로그래밍 언어가 구동되고 있는 환경 → 자바스크립트를 기계어로 컴파일해주는 엔진으로 빌드된 자바스크립트가 구동중인 환경이다. 개념 2 ) 이벤트 기반 및 논블로킹 I / O 모델 •이벤트 : 유저의 버튼클릭이나 네트워크에 자원을 요청하는 것 등 다양하다. • 블로킹 / 논 블로킹 블로킹 : 다음 함수의 실행이 현재 함수의 종료 이후에 이루어.. 2020. 12. 28.

이전 1 다음

티스토리툴바