리액트바오

자료구조 시작! 오늘 만나는 페어와 각자 자료구조에대한 내용을 읽고 만났다. 훈훈하게 문제를 함께 읽고 같이 풀어나가는듯하더니 생각을 많이 해봐야하는 부분에서 우린 조용해졌고 페어가 묵언수행하는것같다고 웃자 말도 표정도 없이 코드만 보고 있는 시간이 꽤 지났음을 느끼곤 우린 한참을 웃었다. 그리곤 또 고민해봐야하는 문제에서 정지화면 처럼 멈춰 코드만을 보고 또 보았다. 제시간안에 다 풀지 못했고 오늘밤은 이 문제를 끝까지 풀어보는것에 집중해야겠다. 알아둬야 할 그래프 용어들 정점 (vertex): 노드(node)라고도 하며 데이터가 저장되는 그래프의 기본 원소이다. 간선 (edge): 정점 간의 관계를 나타낸다. (정점을 이어주는 선) 인접 정점 (adjacent vertex): 하나의 정점에서 간선에 ..

TIL 2021. 11. 11. 21:35

StringifyJSON을 배웠다. 스프린트 문제를 풀었다. 재귀함수도 이용해야했다. Tree UI를 풀땐 DOM을 사용했다. DOM을 어떻게 사용하는지 가물가물해서 다시 찾아보아야했다. JSON의 탄생 배경 JSON은 JavaScript Object Notation의 줄임말로, 데이터 교환을 위해 만들어진 객체 형태의 포맷이다. 네트워크를 통해, 어떤 객체 내용을 다른 프로그램에게 전송한다고 가정해보자. 이 객체 내용을 일종의 메신저 혹은 채팅 프로그램에서 쓰는 하나의 메시지라고 한다면, 다음 객체를 어떻게 전송할 수 있을까? const message = { sender: "김개발", receiver: "박디자이너", message: "디자이너야 오늘 저녁 같이 먹을래?", createdAt: "202..

TIL 2021. 11. 11. 01:03

새로운 시작 다시 시작.. 기수이동을 했다. 지난 섹션에서 부족했던 내용을 보충하고 공부 방식을 바꾸어야겠다. 많이 조급했고 조급한만큼 오히려 마음만 급하고 마음이 힘들었다. 아무리 모르는게 많아도, 할것이 너무 많아도 여유를 가지고 꼼꼼하게 찾아보고 생각해보는 시간을 가져야겠다. 상담을 신청했고 상담해주신 분의 말씀해주신 것을 토대로 결심을 적어보았다. 1. 과제형은 무조건 구글링을 많이 해보고 적용시켜보자. 2. 잘 안 풀리더라도 스스로 문제를 꼭 해결해보자. 3. 천천히 생각할때 오히려 머리에 잘 들어온다. 4. 공식문서를 많이 보고 잘 활용해야한다. 공식문서를 보며 연구하면 스스로 생각하는 힘이 길러진다. 5. 문제를 풀때 끝까지 답을 보지 말고 마지막에 비교를 해본다. 그리고 다시 보고 작성해본..

TIL 2021. 11. 8. 21:38

비동기에 대해 공부했다. 그냥 이런저런 말 다 아끼고 공부시간을 늘려야겠다. 비동기 과제를 페어와 함께 진행하여 오늘 끝이 났는데 다시한번 공부해봐야하는 상황이다. 하나의 작업이 끝날 때까지, 이어지는 작업을 "막는 것"을 blocking 이라고 부른다. 그리고 이렇게 시작 시점과 완료 시점이 같은 상황을 "동기적(synchronous)이다." 라고 한다. 그런데 시작 시점과 완료 시점이 같지 않게 비동기적으로 작동되어야 효율적인 작업도 있다. 특히 백그라운드 실행, 로딩 창 등의 작업, 인터넷에서 서버로 요청을 보내고 응답을 기다리는 작업, 큰 용량의 파일을 로딩하는 작업은 더 그렇다. 비동기 흐름은 callback, promise, async/await 중 하나의 문법을 이용하여 구현할 수 있다. 동..

TIL 2021. 10. 15. 23:55

자료구조에 대해 학습했다. 배운 개념을 활용하여 Stack, Queue, Tree, Grap 코플릿 문제를 풀어야한다. 개념은 어떤것인지 알겠는데 알고리즘 문제 푸는것이 어려웠다. 같은 문제를 계속 붙들고 있는데 문득 "내 길이 아닌가"란 생각이 들었다. 또 "내 머리가 나쁘구나" 란 생각도 들었다. 너무 힘이 빠져서 그 코플릿 문제에서 나와서 머리를 식힐겸 section2를 마친 어느분의 회고를 보았는데 "자료구조를 처음 배우던 날, 나의 두뇌를 의심하면서 ‘개발자는 내 길이 아닌 것인가’라는 생각에 머리가 복잡해졌다"는 글을 읽을 수 있었다. "나만 어렵게 느끼고 있는 것이 아니라는 사실을 상기해야 한다."고도 적혀 있었다. 그 분은 어렵지만 잘 해내고 section3으로 넘어가신듯 하다. 나도 좌절..

TIL 2021. 10. 11. 10:00

JSON! 이름은 많이 들어보았는데 오늘이 JSON에 대해 공부하는 날이었다. JSON은 (javaScript Object Notation)의 줄임말로, 데이터 교환을 위해 만들어진 객체 형태의 포맷이다. 또 JSON 구조는 재귀 함수를 사용할 수 있는 Tree 구조라고 한다. 처음 내용을 접했을때 잘 와닿지 않는 개념이었지만 주어진 과제를 풀면서 어떤 객체 내용을 다른 프로그램에게 전송하고 또 전송 받을때 사용한다는것을 알 수 있었다. 네트워크를 통해, 어떤 객체 내용을 다른 프로그램에게 전송한다고 가정했을때 이 객체 내용을 일종의 메신저 혹은 채팅 프로그램에서 쓰는 하나의 메시지라고 한다면, 다음 객체를 어떻게 전송할 수 있을까? const message = { sender: "김코딩", receiv..

TIL 2021. 10. 9. 19:52

재귀에 대해 학습한 후 페어와 함께 재귀함수 코플릿 문제를 풀었다. 재귀는 재귀는 언제 사용하는 게 좋을까? 1. 주어진 문제를 비슷한 구조의 더 작은 문제로 나눌 수 있는 경우 2. 중첩된 반복문이 많거나 반복문의 중첩 횟수(number of loops)를 예측하기 어려운 경우 에 사용하기 좋다고 한다. 오늘은 재귀 문제를 풀면서 고민을 했던 문제를 적어보려고 한다. 14번 문제 unpackGiftbox 문제 선물 상자에 대한 정보를 담은 배열과 문자열을 입력받아 조건에 맞는 선물이 있는지 여부를 리턴해야 합니다. 입력 인자 1 : giftBox 문자열, 배열을 요소로 갖는 재귀적으로 정의된 배열 (입출력 예시 참고) 문자열은 선물 상자에 들어있는 각 선물의 이름을 의미합니다. 배열은 더 작은 선물 상..

TIL 2021. 10. 7. 21:23

HA시험을 통과후 주말 그리고 대체공휴일인 월요일까진 신나게 놀았다. section2부터는 쉬는 날에도 평일과 동일하게 공부해보자! section2에서 가장 먼저 배운것은 객체 지향 이다. 유얼클래스의 내용을 꼼꼼히 읽었다고 생각했는데 내용이 부족한 느낌이었다. 생활코딩 동영상과 유튜브 동영상을 통해 내용을 보충해야겠다. 객체 지향 프로그래밍 객체 지향 프로그래밍이라는 패러다임이 등장하면서, 단순히 별개의 변수와 함수로 순차적으로 작동하는 것을 넘어, 데이터의 접근과, 데이터의 처리 과정에 대한 모형을 만들어 내는 방식을 고안해냈다. 따라서, 데이터와 기능이 별개로 취급되지 않고, 한번에 묶어서 처리할 수 있게 되었다. 이러한 객체 지향의 특징은 빠르게 현대 언어에 적용이 되었다. 자바스크립트는 엄밀히 ..

TIL 2021. 10. 6. 20:35