본문 바로가기

분류 전체보기142

React - props & state React를 하면 할수록 어려운거 같다. 아니면 아직 잘 몰라서? 아직 익숙하지 않아서?? 암튼 어렵다. props와 state라는 개념을 잘 이해 했는지 모르겠지만, 까먹기 전에 글을 포스트 해야겠다. 틀린 내용이 많을것 같다. props & state 개념 *개념적으로 설명하기 어려워서 비유적으로 생각하면... *사람으로 비유하자면... *사람의 성별이 props이고, 나이가 state라고 볼 수 있다. 남자, 여자는 변하지 않는다. 성전환 수술을 하더라도 xx염색체와 xy 염색체는 변하지 않는다. state는 년도가 지나면 나이는 계속 ++이 된다. state의 뜻은 상태라는 뜻을 가지고 있다. 즉, 그때 그때의 상태를 의미한다. 오늘 기분이 좋은상태, 어제는 기분이 개baby 같은 상태 같이 상황.. 2020. 7. 12.
React - start Codestates Immersive 핵심 내용인 React가 시작되었다. 새로운 것을 배운다는 설렘이 있지만, 오히려 두렵다. 이전 내용 중에 잘 모르는 것도 많은데, 계속 진도만 나가는 것은 아닌지...하는 걱정이 앞선다. React는 Facebook에서 만든 javascript 라이브러리 중에 하나다 => React.com에서 라이브러리라고 설명되어 있지만, 개인적으로 프레임 워크라고 생각된다. 필요한 component를 직접만들고, jsx라는 값을 읽고 화면에 표시해준다. - (라이브러리는 음... 일종에 도구라고 할 수 있다. 이미 함수들이 짜여져 있고, 필요한 함수들을 가져다가 사용해서 만든다고 생각하면 된다.) - (프레임워크는 음... 프레임이 일종의 뼈대라는 뜻이 있다. 뼈대는 만들어져 .. 2020. 7. 8.
Javascript - 비동기처리 Javascript는 다른 언어들과 다르게 single thread 이다. 싱글쓰레드라는 것은 사전적인 의미로는 한줄 나사인데 프로그램적으로 보면 한번에 한개만 실행할 수 있는 것이라 생각하면 된다. 이전에 callback 내용을 다루면서 비동기처리를 다룬적이 있다. 비동기 처리는 Javascript에서 매우 중요한 역할을 한다. 현실에서 비동기 처리가 일어나지 않는다고 생각을 하면... - 별다방에 커피를 사먹으로 갔다. 내 앞에 있는 2사람 정도가 주문을 기다리고 있다. 이때, 동기적으로 일이 일어난다면...내 앞에 앞 사람이 주문을 하고 커피를 받고, 내 앞사람이 커피 주문을 하고 커피를 받고, 그 다음이 내 차례가 될 것이다. 동기적으로 일 처리를 한다면 뒷사람들은 더 많은 시간을 기다려야 한다... 2020. 7. 7.
Javascript - Graph, Tree (데이터구조)(4) 내용이 너무 밀려서 큰일이지만, 하루하루 쌓아 조금씩 채워 가야겠다. GraphGraph는 노드와 연결선으로 구성 되어 있다. 글보단 그림으로 설명이 더 좋을 것 같다.Node가 있고, Edge로 다음을 연결되어 있는 구조이다.Graph는 한쪽방향으로만 연결 할 수도 있지만, 양방향으로도 연결할 수 있다.(양방향은 상, 하 관계가 없다) 예시를 들면, 현실에서는 주로 지하철 노선을 찾을 때, 많이 사용이 된다. 지금 있는 위치를 A라고 한다면, Node로 지정이 되고 D가 목적 지라면 가는 방법은 분명 다양할 것이다. A - B - D로 갈수도 있고, A-C-D로 갈수 있다. 이와 같이 Graph는 길을 찾을 때, 많이 사용된다. Node가 있으면 다음 노드를 Edge로 연결해서 다음 값을 가르켜 줘야한.. 2020. 7. 6.
반응형

티스토리툴바