Jveloper

리액트 리액트는 이와같이 한방향으로 흐르는것처럼 작동한다 즉, 단방향 통신을 함 제일 중요한 키포인트라고 생각한다 컴포넌트 우선 컴포넌트란 무엇일까? 내가 내린 정의는 이 위의 사진에서 물이 차 있는 하나하나의 잔이라고 생각했다 그 이유는 저 컴포넌트(레고조각)들이 모여서 하나의 작품(레고완성작)이 탄생하는것이라고 생각했기때문이다 그리고 저 잔들이 품고있는 물을 State라고 생각했는데 State는 아래에서 다시 보도록하자 Props props는 제일 위의 사진에서 내려오는 물줄기라고 생각하면 되는데 단순히 사용만 가능, 즉 변경이 안된다 State - 컴포넌트가 가지고있는 데이터 - 굳이 모든 컴포넌트가 가질 필요는 없음 아까 위에서 잔이 품고있는물이라고 언급한 바 있다 "물처럼 흘러가다가 상태를 변화..

참조 : https://allg.tistory.com/29

fetch "Fetch API 의 가장 유용하고, 핵심적인 함수는 fetch() 함수이다. 가장 간단한 형태의 fetch() 함수는 URL 을 인자로 받고 응답을 처리하기 위한 promise 를 반환한다. 응답을 처리할 때 Response 객체를 이용할 수 있다" const app = { server: "http://52.78.213.9:3000/messages", init: function(){ app.fetch(); }, fetch: function(){ fetch(app.server, { // { return response.json(); }).then(json => { makeChatBox(json) //********* 이 부분이 핵심 */ }) }, send: function(messages)..

Chatterbox-client 주요키워드 client server browser http API database Client 서버에게 데이터를 요청하는 존재 쉽게 말해서 고객, 소비자 Browser 서버에 데이터를 요청해서 받은 데이터를 보여주는 것 Server 자원을 serve하는 주체 예를 들자면, 주방에서 음식을 서빙하는 아르바이트 같은 존재 Database 자원을 저장하는 창고 예를 들자면 음식(리소스)이 쌓여있는 주방 Http(Hyper Text Transfer Protocol) 인터넷에서 데이터를 주고받을 수 있는 프로토콜 프로토콜은 규칙 클라이언트와 서버간의 소통할때의 규칙 서버가 알아들을 수 있게 요청을 할 수 있는 방법 HTTP 1.1 vs HTTP 2.0 현재쓰고 있는건 HTTP 2...

# N-Queens에 대한 설명 어떤 사이즈의 판이 될지 모르는 n개의 체스판이 있다(4 * 4, 5 * 5, 6 * 6 ...) n개의 퀸이 서로 겹치지 않는 방향으로 이동해야 한다 퀸은 가로 혹은 세로, 대각선 방향으로 이동이 가능하다 N-Queens를 구현하면서 제일 중요했던부분은 "가로를 기준으로 잡던 세로를 기준으로 잡던 N개에는 1개의 퀸이 있고 이동경로가 겹치지않는다" 이게 핵심이었다 # N-Queens 코드분석 Helper function : 처음 이 문제를 받아서 열었을때 코드파악만 몇시간이 걸렸다 위 사진에서 보다시피 깔려있는것들이 워낙 많았고 (이 문제에서 중요하다고 했던) Backbone이라는 처음 듣는 라이브러리에.. 문제의도파악을 하기위해 우선 this, 매개변수를 뭘로 받는지 ..

Toy problems 02 + git 작성하다가 잠깐 작업한 내용을 어딘가 빈 임의의 공간에 저장해놓고 싶을때 -> git stash 한꺼번에 많이 stash 하는것도 가능 -> git stash list 로 저장이력 확인가능 Git stash pop -> 임의의 공간에 저장했던 코드를 다시 불러옴 또는 pull을 할때 stash 해놓고 pull 땡기고 stash pop 을 하면 저장 이력(브랜치)이 남지 않고 임시저장 후 땡겨오는것 가능 Dance party sprint review 이슈발생 -> 엘리먼트(ex) span)값의 스타일에 접근했을때 문자열을 숫자로 바꿀때 일어나는 이슈 -> 100px 이라면 px을 떼고 숫자만 갖다가 쓰고싶었다 -> 다른숫자와 비교가 필요했기때문 Number(값)으로 ..

Toy problem - 01 -> 재귀........재귀.............. OOP -> 상속 -> 인스턴스화 4가지 방법과 이해 Sprint - Dance party

Self-Assessments 01 -> 시간내에 문제를 다 풀지 못했는데 재귀에 대한 부족함을 느낌 -> 재귀에 대한 확실한 이해필요 __proto__, constructor, prototype 프로토타입을 이용한 상속 Object.create ES6 class와 super Subclassing