공부/일기12 2021.07.15 2021.07.15 오늘 Section1 HA가 끝났다. 그동안 다양한 페어분들을 만나고 모르는 부분에 대해 배우고 알려주고, 도움이 될만한 사이트들을 공유하면서 나의 실력이 전보다 많이 상승한 것 같다. 벌써 Section1을 마쳤다는 생각에 후련하기도 하지만 금방 다가올 Section2에 대한 준비를 소홀히 하지 않고 예습을 해야겠다. 대충 찾아보니 알고리즘, Redux, Server 그리고 Network와 같은 것들을 배우는 거 같다. 이런 것들은 내가 비전공자라 관련 지식이 별로 없어 살짝 겁이 나지만 지금까지 해왔던 것처럼 반복해서 찾아보고 블로깅을 해 눈에 익숙해져야 겠다. 오늘부터 바로 Web 기초 지식과 Server에 대해 공부를 할 예정이다. instaclone은 거의 다 완성했지만, 공.. 2021. 7. 15. 2021.07.13 2021.07.13 React twittler state & props 스프린트를 끝냈다. 사실 어제 다 완성을 하긴 했는데, 하다보니 여러 궁금증이 생겨서 이것저것 시도해보고 오늘 마무리를 지었다. 기본 과제뿐만 아니라 Advanced Challenge까지 해결했으며, 모든 test 케이스도 빠짐없이 통과했다. 기초를 다시 다질 수 있어서 좋았던 것 같다. 내일은 이틀에 걸친 Section1 HA가 시작된다. React는 어느정도 익숙하지만, 기본 개념이 조금 부족하다 생각되어 그부분을 집중학습을 해야할 것 같다. 완성된 모습 2021. 7. 13. 2021.07.12 2021.07.12 그동안 프론트엔드의 꽃이라 할 수 있는 React를 배웠다. React의 장점과 특징에 대해 리마인드하는 시간을 가졌으며, map을 사용할 때 key를 입력해야 하는 이유가 무엇인지 자세히는 알지 못했는데 확실히 알게 되었다. 간단히 설명하자면, React에서는 어떤 항목이 변할 때 변하는 부분만 리렌더링을 하는데 이때 map을 통해 여러 항목을 추가할 때 이를 식별하기 위한 고유한 key값이 필요하다. (리액트 key) [https://ko.reactjs.org/docs/lists-and-keys.html] 현재 3일째 React를 활용한 twittler 스프린트를 진행하면서 SPA의 장점과 단점, React훅을 활용한 State와 props에 대해서 자세히 배웠다. React를 사.. 2021. 7. 12. 2021.07.05 2021.07.05 오늘은 DOM에 대해서 배웠다. DOM에 대해서 어느정도는 알고 있었지만, Vanilla JavaScript로 뭔가를 만들어 본 적은 없어서 익숙하진 않았다. 간단하게 DOM을 조작하는 걸 하나하나 따라하는 게 매우 흥미로웠고, 전엔 몰랐던 Node와 Element의 차이도 알게 됬다. 오후 시간엔 회원가입 페이지에서 유효성 검사를 하는 Sprint를 간단히 진행을 하였고, 요구사항에 맞춰 과제도 잘 제출했다. Advanced Challenge를 통해 DOM의 더 깊은 내용을 알 수 있었는데, 지금까지 강의를 들으면서 한번도 듣지 못한 심화적인 내용 또한 알게 되었다. 오늘부터 매일 오전에 알고리즘 2문제씩 해결을 해야 하는데, 아직까진 할만한 거 같아서 option으로 주어진 문제를.. 2021. 7. 5. 2021.07.03 2021.07.03 어제 일기를 작성했어야 했는데 아직 습관이 되어 있지 않아서 그런지 잊었다. 어제 JavaScript Koans 문제를 풀면서 내가 제대로 알고잇는 것과 모르는 것을 분명히 알게 해주었다. 정말 큰 도움이 되었고, 부족한 부분에 대해선 복습하는 용도로 사용해야겠다. 다음주부터는 오전 9시부터 10시까지 약 1시간동안 알고리즘 연습하는 시간이 주어지는데, 난도가 어떨지, 잘할 수 있을지 살짝 걱정이 앞선다. 그래도 최선을 다해야겠다. 어제, 오늘 instaclone의 기능중 60~70%는 완성한 거 같다. 강의를 보지않고 만드느라 어떻게 구현해야 할까라는 고민으로 대부분의 시간을 보내지만 이렇게 조금씩 성장할 수 있는 거 같다. 최대한 빨리 완성을 하고 완성된 모습을 보고싶다. 어제 오.. 2021. 7. 3. 2021.07.01 2021.07.01 오늘은 스코프와 클로저에 대해 배웠다. 스코프는 이미 알고 있어서 다시 복습하는 느낌으로 공부를 했는데, 클로저는 처음 들어보는 개념이었다. 이해는 했지만 사용해보라고 한다면 못할 거 같다. 블로그에 내용을 좀 정리해 두었으니 생각날 때마다 찾아봐야 할 거 같다. 클로저에 대한 더 깊은 내용은 아직까진 과한거 같아 이해만 하는 것으로 만족한다. 현재 Instaclone의 진행 상황은 검색 기능과 업로드 기능을 구현하였다. Apollo Graphql을 사용하여 업로드를 하는데 뭔가 자꾸 에러가 나서 한참을 헤멨다. 결국엔 고쳤지만, 또 다시 찾아볼 수 있게 내용을 정리해야 할 거 같다. 검색 인스타그램처럼 검색어를 입력하면 실시간으로 서버와 통신해 유저 이름을 검색하여 보여준다. 링크를.. 2021. 7. 2. 2021.06.29 2021.06.29 어제와 마찬가지로 오늘 하루도 페어와 함께 코플릿 객체 문제를 풀었다. 아직까진 크게 막히는 부분 없이 잘 풀렸다. 하지만 문제를 푸는데 시간이 점점 걸리는게 느껴진다. 문제를 풀면서 몰랐던 걸 두가지 배웠다. 첫번째는 Object.entries이다. 전에는 이 메소드를 몰라 Object.keys를 이용하여 key, value에 접근했었는데 새로운 방법을 알게됬다. 두번째는 반복문에서 사용할 수 있는 continue이다. 반복문 안에서 조건을 확인할 때 사용할 수 있으며, 조건에 따라 진행중인 반복을 건너뛰고 다음번으로 넘어가 반복문을 실행할 수 있다. break와 살짝 유사한데, break는 해당하는 반복을 멈추지만, continue는 이어서 진행한다는 차이점이 있다. 개인 학습 시.. 2021. 6. 29. 2021.06.28 2021.06.28 오늘은 하루종일 pair와 함께 배열 코플릿 문제를 푸는 날이었다. JavaScript를 배우긴 했지만, 알고리즘 문제를 따로 풀어보진 않았어서 문제를 해결해 나가는 법을 어느정도 배웠다. 아직 배열까지 진도를 나간 상황이기도 하고, 또 혼자 해결 하는게 아니고 같이 문제를 풀어 나가니 아직까진 난도가 그렇게 높지 않은거 같다. 코플릿 문제를 다 해결하고도 시간이 많이 남았지만, 과정을 진행하다보면 점점 어려워 지지 않을까 생각한다. 남는 시간엔 InstaClone을 마저 만들기 시작했다. 물론 그저 따라하는 거긴 하지만 그래도 전체적인 그림이 그려지는 거 같아 도움이 많이 된다. 오늘 구현한 것은 코멘트를 수정할 때 해당 위치에서 수정할 수 있도록 만들었다. 내일은 이어서 프로필 페.. 2021. 6. 28. 2021.06.24 2021.06.24 오늘은 버전 관리 시스템인 Git에 대해 배웠다. 제대로 배운적이 없고, 주로 혼자 개발 하다보니 활용할 줄은 모르고 기계처럼 그저 git init, add, commit, push만 반복해 repository에 올리기만 했던 나에겐 굉장히 이로운 과정이었다. 다양한 명령어들도 알게 됬고, Git의 영역, 상태를 이해했으며, Github를 이용한 전체적인 workflow가 머릿속으로 그려지는 거 같다. 남는 시간에는 인스타그램 로그인 페이지 클론코딩하는 시간을 가졌다. 2021. 6. 24. 2021.06.23 2021.06.23 오늘은 처음으로 Linux 기반의 운영체제인 Ubuntu의 기본 사용법과 node.js에 대해 공부를 했다. node.js는 조금 익숙했지만 윈도우즈에 익숙했던 나는 ubuntu의 터미널 생소했고 약간 불편했다. 아직까지 윈도우로 개발 공부하면서 딱히 문제가 생겼던 적은 없었지만, 나중에 서버를 개발하다보면 윈도우에서 지원하지 않는 부분이 있다고 한다. 그러니 지금부터라도 ubuntu를 사용해서 익숙해져야 할 필요가 있을거 같다. 명령어들을 블로그에 정리해서 눈에 자주 익혀야 겠다. 2021. 6. 23. 이전 1 2 다음
