TIL(Today I Learned)

개발환경을 갖추기 위해 VIM (VI Improved)를 설정해 주었다확실히 어려워... 머리털 다 빠지는줄 알았습니다 😭nvm 이랑 node.js 설치 정도로 끝내려 했는데 nano가 너무 가독성이 안좋아서 그만이것이 그 결과물

일부분 밖에 사용하지 않았던 GIT에 대해 더욱 제대로 알게 되었다. 지금까지 알았던 GIT 기능은 clone, add, commit, pushremote를 통해 새로운 원격 레포지토리를 추가하게 되었고 branch 계열 명령어를 통해 branch를 CRUD 할수 있게

지난 금요일날 배운 OOP를 활용해 간단한 SPA를 만들었다.확실히 이론으로만 다루기 보단 직접 개념을 활용해야 기억이 잘 되는것 같다.추상성, 상속, 다형성, 캡슐화class, extends, constructor, super확실히 CSS가 부족한 것을 느꼈다...

class 문법을 사용하여 stack 과 queue, tree 그리고 graph 자료 구조를 구현해 보았다. class를 이용한 구현은 작동 방식을 알아보기 위한 것이고 알고리즘에 적용은 배열 이용하였다.기본적인, 대표적인 사례만 맛보고 간건데 이것마저 구현하는데 꽤

그래프 자료구조 : 시작 정점에서 도착 정점까지 도달할 수 있는가? ⇒ BFS를 사용하여 해결국밥집... Binary Search 이분탐색을 이용하여 해결오늘은 자료구조에 탐색 방법을 적용하여 문제를 해결해 보았다.처음으로 탐색 방법을 다루는 알고리즘 문제를 풀어 보았

자료구조 : Tree, 그래프(트리) 탐색방법 BFS/DFS알고리즘BFS/DFS 실제 적용하여 문제를 풀어 보았다. 문제를 풀며 구조분해할당도 연습해 볼 수 있었다.이분탐색, 탐욕법, 순열, 조합에 대해 배웠다.<span style="color:- 리액트 튜토리얼

최대공약수 알고리즘 문제를 풀어 보았다.유클리드 호제법으로 접근(재귀)확실히 수학은 문제 해결에 많은 도움이 되는 것 같다. 앞으로도 알고리즘을 풀때 관련된 수학개념이 있으면 함께 공부하도록 하자.최소공배수는 두수의 곱 / 최대공약수 임!약수를 구하는 효율적인 알고리즘

멱집합 알고리즘을 풀며 공부한 것.2차원 배열을 리턴을 해야 해서 2차원 배열을 다뤄야 했는데 복사를 할 때 문제가 발생 하였다.원래 자주 다루던 배열처럼 복사를 하니 참조가 다 엉켜 버렸다.검색을 열심히 하다보니 2차원 배열의 복사는 기존 복사 방법을 적용시킬 수 없

this를 정리했다... 글로 천천히 풀어가며 따라가니 점점 이해가 되는 것 같다. this가 너무 메타몽 같아서 이해를 복잡하게 하고 있었는데(본질에 집중하지 못하는 내 머리) 정의 그대로 생각하면 이해가 된다.직관적이진 않은것 같다 나만 이렇게 생각하는 건가 ㅜㅜ?

JS 비동기 처리의 핵심 callback, promise(& then, catch), async(& await)에 대해서 공부했다.syntactic sugar가 나쁜 것처럼 말하지만, 기저 원리를 이해하면 코드를 직관적으로 이해할 수 있다는 큰 장점이 있다.해당 내용은

비동기 처리를 fetch를 실제로 사용해 보며 익혔다. fetch가 promise로써 동작한다는 것을 이해하니까어제 이해가 안되던 부분까지 모두 이해가 되었다.어제는 정말 이해가 안됬는데 예제를 통해 실습하니 이해가 되다니 지금 내 심정은 바로es6 문법을 학습 노트로

fetch를 통해 API로 서버에게 요청하고 응답을 받는 스프린트를 진행중이다.채팅 앱을 구현해 보는것이 목적어제 이제 프로미스를 이해했어! 라고 생각 했건만... 다시 벽에 가로막힌 기분이다 😭싱글턴 패턴으로 진행하는 스프린트라 싱글턴 패턴을 잠깐 학습하였다.프로그

어제는 fetch API를 통해 GET 요청을 해봤다면 오늘은 POST 요청을 성공 시켰다.자료구조 알고리즘을 거치며 IDE는 오랜만에 만져 봤다.함수형 프로그래밍을 살짝 만져본 기분? 살짝 만져봤는데 뇌가 너무 노곤하다...서버 API의 Create Read Upda

벌써 4월 마지막날 시간이 정말 빠르게 간다.3월 2일에 부트캠프 과정을 시작했으니 2달이 지났고 변수 선언부터 오늘 서버와 인터렉션 까지 많은걸 배웠다.node.js 의 http 모듈을 이용하여 서버를 구현해 보았다.단순한 서버 구현이었지만 역시 서버단은 너무 낯설다

node.js에서 서버를 구축해 보았다.조건문으로 라우팅을 구현하고, 각 조건에 따른 응답을 구현해 보았다.npx serve를 이용해 CORS 상황도 확인해 보았다.postman와 같은 테스팅 툴을 사용하는데 점점 익숙해지고 있다.그리고 express 프레임워크를 살짝

express를 사용해 기존에 구현한 서버를 리팩토링 하였다.코드가 반도 안되게 줄어들었다... 그러면서 직관성을 올라갔다.어째서 프레임워크를 사용하는지 삽질을 하면서 몸으로 익힌 중요한 스프린트 였다.내일 모레부턴 리액트를 배우게 된다.미리미리 튜토리얼 문서를 읽어야

프런트엔드의 꽃 리액트 세션에 들어갔다.처음 접한 문법이라 많이 생소했지만 앞서 배우고 연습했던 ES6 문법덕분에 금방 적응했다 😄확실히.. 어려운 가운데에서도 상태관리가 너무나 편하다는 점은 느낄수 있었다.리액트의 존재의의 상태관리를 위해선 state와 생명주기에

react 스프린트 2일차여러 컴포넌트를 조합하여 유튜브 클론을 만들어 보는 과제props를 전달해 주는 방법과 state를 활용하는 방법에 점차 익숙해 지고 있다.구조분해할당을 적극적으로 사용해 보고 있다. 가독성이 좋아지고 코드가 간결해지는 부수적인 효과가 매우 기

알고리즘 스터디, 카카오 문제 특집문제의 구현이 어려운게 아니라 문제를 이해하는게 어렵더라...결국 시간안에 못풀고 수도코드만 쌓였다.다양한 유형을 만나려고 시간을 짧게 잡고 여러 문제를 푸는건데.. 다양한 유형을 쌓는게 옳은 접근일까? 라는 생각이 든다.스터디 시간에

리액트 기본기를 다 배웠다!props와 state의 의미, 차이, 사용방법props는 수정 되면 안된다.3가지 조건이라면 state가 아니다!부모로부터 props를 통해 전달된다? 그러면 확실히 state가 아니다!시간이 지나도 변하지 않는다? 그러면 확실히 state

진행 하는 과제 (React)에 Fetch API를 적용해 youtube API에서 검색 결과를 불러와 리스트로 정렬후 재생할 수 있는 플레이어에 연결해 주었다.생명주기 메서드의 활용을 드디어 적용해 봤다.어제는 시간이 꽤 걸렸는데 오늘 과제는 금방 끝나서 깜짝 놀랐다

React에 이어 상태 관리 라이브러리 Redux에 접어 들게 되었다.오늘 아침에 시작할땐 정말 하나도 모르겠더라...계속 파다보니 점점 이해가 되는것 같다.middlewere를 자유롭게 다뤄보고 싶은데... 이 부분은 좀 어려운것 같다.공식문서가 거의 영어라 참...

리덕스 미들웨어의 사용법을 조금 더 이해하게 되었다.기존의 미들웨어를 잘 선택해 활용하는 것도 좋다.하지만 더 좋은건 직접 미들웨어를 만들어 써보는 것미들웨어의 작동 원리를 이해할 수 있게 된다!백엔드의 꽃 데이터베이스 스프린트에 진입데이터베이스의 자료 CRUD 쿼리문

MVC(Model-View-Controller) 디자인 패턴리액트에서 배운 Flux 패턴, Singleton 패턴에 이은 세번째 설계 패턴그리고 MVC에 따른 데이터베이스 구축을 위한 ORM 라이브러리 시퀄라이즈(sequelize)를 배웠다.ORM? Object Rel

인증에 대하여 배운 시간HTTP + Secure = HTTPS비대칭 암호키 보안 연결CA에게서 발급 받은 인증서 2개 : 공개키와 개인키SSL/TLS 보안 계층이 추가 됨HTTPS를 통해 쿠키의 사용이 좀 더 안전해짐쿠키? ⇒ '서버'가 클라이언트에게 보내는 작은 데이

어려웠던 ORM이나 인증도 하다 보니까 점점 익숙해 진다!난 프런트엔드를 하고 싶은건가 백엔드를 하고 싶은건가?피드백이 즉각적인 프런트가 더 흥미롭긴 한데... CSS가 큰 벽이다선배기수 후기 공유회를 보고 동기들의 소중함을 다시 한번 느낀다🥳authorizaion.

HA 대비 주말 첫날... 쌓여 있던 피로가 한번에 터진 상황이다...반년 정도 되는 코스를 주말없이 매일 12시간씩 쉬지 않고 달리니 피로 내성이 사라지고 있음을 격하게 느끼는 중공부도 중요하지만 체력이 받쳐줘야 꾸준히 할 수 있는 법!리액트, 리덕스를 리뷰했는데 아