Today I Learned

TIL] 2021/08/24

오늘의 공부 자바스크립트 인프런 김태원 님의 자바스크립트 알고리즘 문제 풀기를 수강하였습니다. 알고리즘 문제가 풀리기 시작하니 확실히 재미가 붙는 것 같습니다! 아직 어려운 문제는 잘 풀지 못하지만 강의를 듣기 전 제가 어렵다고 생각했던 수준의 문제를 풀 수 있다는 것에 기분이 좋습니다! 자바스크립트를 활용하여 프로그래머스 알고리즘 1 문제를 풀었습니다. 제가 기존에 접근조차 하지 못했던 문제를 풀었습니다👍 이때 오는 성취감은 정말 말로 표현할 수 없는 것 같습니다! 오늘은 딥 다이브는 읽지 못했습니다...😭 사실 딥 다이브는 밥을 먹고 보는 편인데 이번에는 밥을 먹고... 요리를 하다 기름이 너무 많이 튀어 뒷수습을 하느라 시간 분할에 실패했습니다...😭 타입스크립트 드림 코딩 엘리님 님의 강의를 들..

TIL] 2021/08/23

오늘의 공부 자바스크립트 자바스크립트 (딥 다이브) 클래스 파트를 읽었습니다! 인프런 김태원 님의 자바스크립트 알고리즘 문제 풀기를 수강하였습니다. 자바스크립트로 알고리즘을 푸는 게 처음에는 엄청 어려웠지만 이제 접근이 가능했고 해설 영상을 보기 전에 문제가 풀려서 기분이 좋았습니다! 자바스크립트를 활용하여 프로그래머스 알고리즘 1 문제를 풀었습니다. 타입스크립트 드림 코딩 엘리 님의 강의를 들으며 모션 프로젝트를 진행하였습니다. 코드의 중복을 제거하는 리팩토링 작업을 하였습니다! 리액트 벨로퍼트 님의 모던 리액트를 참고하여 공부했습니다! 리덕스 미들웨어를 활용하는 것을 했는데 전체적인 내용을 보진 못했고 초반 부분을 진행했습니다. 토이 프로젝트 뷰를 완성했습니다. 내일은 기본적인 기능들을 구현할 예정입..

TIL] 2021/08/22 및 8월 셋째 주 WIL

오늘의 공부 자바스크립트 인프런 김태원 님의 자바스크립트 알고리즘 문제 풀기를 수강하였습니다! 프로그래머스로 알고리즘 문제 1 문제 풀었습니다! 타입스크립트 드림 코딩 엘리 님의 강의를 들으며 모션 프로젝트를 진행하였습니다. 다이얼로그를 활용하여 컨텐츠를 채우는 작업을 진행하였는데 너무 재미있었지만 어려웠습니다! 8월 셋째 주 회고 8월의 셋째 주는 정말 정신없이 지나간 것 같습니다. 우선 가족 행사가 있어 일요일 즉, 오늘은 공부량이 적었고 월~목까지는 토이 프로젝트를 완성시키고 금~토는 클론 코딩 뷰 작업을 하느라 정신없이 시간이 흘러갔고 리액트 공식문서, 벨로퍼트 님의 모던 리액트를 보며 공부하기 및 제게 부족한 개념들을 따로 공부하느라 정말 시간 가는 줄 모르고 정신없이 지나갔던 것 같습니다. 다..

TIL] 2021/08/21

오늘의 공부 자바스크립트 자바스크립트(딥 다이브)를 읽었습니다. 인프런 김태원 님의 자바스크립트 알고리즘 문제 풀기를 수강하였습니다! 확실히 처음 강의를 들었을 땐 기초적인 문제여도 어떻게 접근해야 할지 감이 오지 않았지만 이제는 어느 정도 감이 오고 있어서 기분이 좋습니다! 프로그래머스 자바스크립트를 이용하여 알고리즘 1 문제를 풀었습니다. 예전에 못 풀었던 문제를 풀어서 기분이 좋았습니다! 타입스크립트 드림 코딩 엘리 님의 강의를 들으며 모션 프로젝트를 진행했습니다. dialog를 구현했는데... 타입 스크립트는 정말 어려운 것 같습니다...😭 리액트 벨로퍼트 님의 모던 리액트를 참고하여 공부했습니다! 리덕스에 대해 공부를 했는데 제가 처음에 배웠던 방식인 덕스 구조를 사용하여 반가웠고 요즘은 리덕스..

TIL] 2021/08/20

오늘의 공부 자바스크립트 자바스크립트(딥 다이브)를 읽었습니다. 클로저는 아직 어려운 것 같습니다....😭 인프런 김태원 님의 자바스크립트 알고리즘 문제 풀기를 수강하였습니다. 알고리즘이 정말 너무 힘들었는데 조금씩 조금씩 문제에 대한 접근이 가능해져서 기분이 좋습니다! 프로그래머스 자바스크립트를 이용하여 알고리즘 문제 1문제를 풀었습니다. 타입스크립트 드림 코딩 엘리 님의 강의를 들으며 모션 프로젝트를 진행했습니다. 이번에도 리팩토링 작업을 했는데 타입스크립트는...정말 어렵습니다....😭 리액트 벨로퍼트 님의 모던 리액트를 참고하여 공부했습니다! 라우터에 대해 공부했습니다! 기존에 알던 내용이라서 다행히 막히는 부분은 없었습니다! 커스텀 훅을 이번 프로젝트 때 사용하기 위해 한번 더 공부했습니다! 커..

TIL] 2021/08/19

오늘의 공부 자바스크립트 자바스크립트(딥 다이브)를 읽었습니다. 클로저도 실행 컨텍스트와 마찬가지로 어려운 것 같습니다! 여러 번 복습할 예정입니다! 인프런 김태원 님의 자바스크립트 알고리즘 문제 풀기를 수강하였습니다. 프로그래머스 자바스크립트를 이용하여 알고리즘 문제를 3문제 풀었습니다. 타입스크립트 드림 코딩 엘리 님의 강의를 들으며 모션 프로젝트를 진행했습니다. 중복되는 코드를 제거하고 리팩토링하는 작업을 했는데 아직은 많이 어려운 것 같습니다! 리액트 벨로퍼트 님의 모던 리액트를 참고하여 공부했습니다! 커스텀 훅을 만들었는데 아직은 커스텀 훅을 만드는 게 아직은 익숙하지 않지만 다음 토이 프로젝트 때 커스텀 훅을 사용할 예정입니다! 리액트 공식문서를 보며 리액트 훅에 대해 공부했습니다. 리액트에서..

TIL] 2021/08/18

오늘의 공부 자바스크립트 자바스크립트(딥 다이브)를 읽었습니다. 실행 컨텍스트를 완독 했는데 실행 컨텍스트는 어려운 것 같습니다... 딥 다이브를 전체적으로 여러 번 회독할 예정이었지만 정말 회독이 많이 필요할 것 같습니다! 인프런 김태원 님의 자바스크립트 알고리즘 문제 풀기를 수강하였습니다. 타입스크립트 드림 코딩 엘리님의 강의를 들으며 모션 프로젝트를 진행했습니다. 타입스크립트 강의 중 혼자 구현을 해보았는데 반은 맞고 반은 틀렸었습니다! 그래도 접근할 수 있다는 것에 감사함을 느끼며 더욱 분발해야겠다는 생각이 들었습니다! 리액트 벨로퍼트님의 모던 리액트를 참고하여 간단한 투두 리스트를 만들었습니다! 프로젝트는 작은 프로젝트여도 항상 재미있는 것 같습니다! 리액트 훅에 대해 공부했습니다! 리액트 공식..

TIL] 2021/08/17

오늘의 공부 자바스크립트 자바스크립트 (딥 다이브)를 읽었습니다. 확실히 실행 컨텍스트를 어제 읽은 부분을 다시 읽으니 처음보다 이해가 잘 되었습니다! 인프런 김태원 님의 자바스크립트 알고리즘 문제 풀기를 수강하였습니다. forEach, map, filter, reduce 메서드의 작동원리에 대해 배웠습니다. 기초 부분에 대해 한번 짚어서 공부하니 확실히 도움이 많이 되는 것 같습니다! 타입스크립트 드림 코딩 엘리님의 강의를 들으며 모션 프로젝트를 진행했습니다. 타입스크립트로 프로젝트를 진행하는 건 어렵지만 재미있는 것 같습니다! 리액트 벨로퍼트님의 모던 리액트를 참고하여 공부하였습니다. 커스텀 훅에 대해 배웠고 다음 토이 프로젝트 때 커스텀 훅을 적용시켜 프로젝트를 만들 예정입니다! 커스텀 훅은 코드의..

TIL] 2021/08/16

오늘의 공부 자바스크립트 인프런 김태원 님의 자바스크립트 알고리즘 문제 풀기를 수강하였습니다. 알고리즘 문제에 대한 접근과 문제를 푸는 방식에 대해 배우는 게 너무 재미있었습니다! 자바스크립트(딥 다이브) 를 읽었습니다. 실행 컨텍스트 부분은 아직 어려워서 읽은 부분들이 잘 생각이 나지 않아 내일 다시 처음부터 읽을 생각입니다! 타입스크립트 드림 코딩 엘리님의 강의를 들으며 모션 프로젝트를 진행했습니다. 타입스크립트로 프로젝트를 진행하는 것은 역시 어려웠습니다.... 열심히 공부해서 프로젝트를 완수하고 여러 번 복습할 예정입니다! 리액트 벨로퍼트님의 모던 리액트를 참고하여 공부하였습니다. 리액트 훅에 대해 공부를 하였는데 리액트 훅을 제가 정확하게 아는 것이 아니라는 생각이 들어 내일은 벨로퍼트님의 모던..

TIL] 2021/08/15 및 8월 둘째 주 WIL

오늘의 공부 자바스크립트 노마드 코더님의 바닐라 JS로 크롬 앱 만들기를 완강하였습니다. 날씨 API를 활용하는 법을 배웠는데 현재 이용자의 위치를 알아내는 함수인 getCurrentPosition은 정말 흥미롭고 대단한 것 같습니다! // 사용방법 function onGeoSuccess(매개변수) { const lat = 매개변수.coords.latitude; const lon = 매개변수.coords.longitude; } function onGeoFail() { //위치 정보에 대한 처리를 실패했을 때의 처리 } navigator.geolocation.getCurrentPosition(onGeoSuccess, onGeoFail)​ 자바스크립트 (딥 다이브)를 읽었습니다. this는 정말.....😭 ..