'시도/Code-States' 카테고리의 글 목록 (7 Page)

본문 바로가기

[D+76] 알고리즘문제 1 - 2번 D+76 - 알고리즘문제 1 - 2번 - (Toy Problem 1 - 2) 이번에 알고리즘 문제가 새롭게 업그레이드가 된 관계로 1번부터 새로 시작하는 마음으로 시작하기로 했다. (많이 어려워졌더라... ㄸㄹㄹ) # 01 가위바위보 게임의 경우의 수만큼 나오는 배열을 리턴하는 문제였는데 기본적인 문제는 반복적인 for문을 통해서 문제를 풀었었지만 아쉽게도 advanced한 문제는 건드리지도 못했다. rounds에 값을 넣으면서 재귀적으로 돌고돈다는 것은 파악했으나 안에 또다시 함수를 넣어 거의 이중급으로 재귀가 돈다는 것까지는 파악하지 못했다. 래퍼런스 코드를 봐도 이해가 거의 안되어서 손으로 직접 적어서 문제를 풀어보았고, 그제서야 어느정도는 이해할 수 있게 되었다. (rounds를 2를 넣었기에 망.. 2021. 1. 2.

[D+75] React를 이용해 간단한 댓글창 만들기 D+75 - React를 이용해 간단한 댓글창 만들기 - (전반적인 리액트 이해하기) 이전에 html과 DOM을 사용하여 간단한 댓글창을 만들어 본 적이 있다. 그래서 이번에는 리액트를 사용해 댓글창을 표현해 보기로 하였다. 해당 이미지를 보고 컴포넌트를 구상하면 되는데 일단은 전체적인 틀을 담당하는 Twittler가 필요하고, 텍스트 공간에 내용을 입력하고 '새 글 쓰기' 버튼을 누르면 댓글 하나가 추가되는데 이때 추가되는 댓글의 하나를 표현하는 SingleTweet이 필요하다. Twittler.js 전체적인 것을 나타내는 Twittler컴포넌트로 일단은 새 글 쓰기 버튼을 누르면 댓글 내역의 상태가 변하기 때문에 상태가 필요하기 때문에 클래스로 컴포넌트를 구상해야 한다. 또한 새 글 쓰기 버튼을 on.. 2021. 1. 1.

[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+72] 내가 이해한 Node.js D+72 - 내가 이해한 Node.js - ( Node.js) 😀 공식문서를 보고 이해한 방식대로 작성한 글로 정확하지 않을 수 있습니다 😀 공식문서를 읽고 알게된 Node.js 개념 1. Node.js를 통해서 서버를 생성할 경우, 서버를 생성하기 전 http모듈, 포트번호, ip를 알아야 한다. const http = require('http'); // require을 통해 http 모듈을 불러온다 const port = 5000; // 포트번호 5000번 const ip = 'localhost'; // ip는 localhost로 설정 // ex ) http://localhost:5000 2. http모듈과 createServer를 이용해 서버를 생성한다. const server = http.crea.. 2020. 12. 29.

[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 ··· 4 5 6 7 8 9 10 ··· 19 다음

티스토리툴바