본문 바로가기

개발자 일기/일일회고 (TIL)69

부트캠프 29, 30일차 (React State & Props) 오늘의 생각 대망의 State 와 Props를 배웠다. 이 부분은 이전에 독학해서 미리 알고 있는 것이 정말 다행이라고 생각했다. 덕분에 이전에 배우면서 중요하다고 생각했던 부분을 다시 짚으면서 공부할 수 있었고 state와 props를 좀 더 편하게 사용할 수 있었다. 본격적으로 state와 props를 쓰니 역시 리액트의 강점을 새삼 느낄 수 있었다. 페어 프로그래밍에서는 그동안 배웠던 기초적인 리액트 기술들(Router, Component)을 다시 활용해 볼 수 있어서 기존에 배웠던 개념을 명확히 할 수 있는 좋은 기회였다. 그렇다고 마냥 순탄하지는 않았다. 과제는 주어진 템플릿이 있기 때문에 양식에 맞춰 코드를 작성하고 구현해야 하는데, 이 부분에서 큰 어려움을 겪었다. 템플릿은 잘 이해하고 이행.. 2022. 10. 3.
부트캠프 28일차 (React SPA / Router) 오늘의 생각 조금 더 심층적으로 리액트를 배우기 시작했다. SPA 정의와 와이어프레임의 경우 이해하는데 전혀 어렵지 않았다. 리액트 라우터도 재밌게 이해할 수 있어서 다행이었다. 이전에 독학했을 때 리액트 버전이 매우매우 outdated(use history를 썼었다)되어서 새롭게 리액트를 배울 때 추가된 업데이트들에 매우 감사했다. 또한 라우터가 얼마나 유용한 지 새삼 알게 되었는데 버전이 바뀌면서 라우터 문법에 잦은 변동이 있어서 검색할 때 어려움이 있는 것 같다. (Switch 컴포넌트의 자식으로 Route를 두는 것에서 현재는 Routes 컴포넌트 아래에 Route 컴포넌트를 자식으로 두고 있다.) 오후에 진행된 페어 프로그래밍에서는 SPA 특성을 활용한 라우팅 기능을 구현했는데, import를 .. 2022. 10. 2.
부트캠프 27일차 (React) 오늘의 생각 드디어 리액트를 배우기 시작했다. 보통 프론트엔드 개발자가 된다고 했을 때 HTML.CSS.JS 다음으로 공부해야할 것들 중 하나로 리액트를 꼽는다. 실제로 독학했을 때 많이 헷갈렸지만 너무나도 유용한 라이브러리라고 생각했다. 본격적으로 배우니 자바스크립트를 배울 때보다 새롭게 와 닿는 개념들이 많았다. 퀴즈도 여태 코드스테이츠에서 본 것 중 제일 많이 틀렸다... 확실히 리액트는 기본기가 많이 부족하다. 기본적으로 알고 있어야하는 문법들도 좀 더 심화된 문제들을 통해 접하니 문제점이 바로 짚이지 않았다. 특히 JSX 코드가 많이 헷갈렸다. 하나의 기능을 구현하기 위한 여러가지 방법 중 틀린 것을 찾는 문제에서 어려움이 있었다. 단순히 화면에 "Hello, World"를 출력한다고 해도 이를.. 2022. 10. 2.
부트캠프 26일차 (fetch API) 오늘의 생각 어제 큰 일(?)을 겪어서 그런가, 오늘은 순탄하고 조용한 하루였다. 오히려 기분이 좋은 하루였던 것 같다...! 비동기에 대해서 미숙하다는 것을 알고 좀 더 공부해보니 오늘 페어 과제는 순조롭게 진행할 수 있었다. 한 가지 헷갈렸던 점은 의외로 가장 기본적인 부분이었는데, fetch API를 사용했을 때 Promise 객체를 반환하는지 아닌지가 헷갈렸다. 다행히 MDN이 시원하게 정답을 알려주어서 손쉽게 진행할 수 있었다. 비동기 함수가 어려웠던 처음과 다르게 조금 더 익숙해져서 이제는 Promise 객체도 좀 더 자유롭게 다루고 이해할 수 있어서 매우 뿌듯했다. 방법은 달랐지만 fetch를 활용한 체이닝(Chaining)과 Promise.all 메서드도 잘 활용한 점도 전날 복습을 잘 한.. 2022. 9. 27.
부트캠프 25일차 (비동기, Node.js) 오늘의 생각 페어 과제가 나날이 어려워지고 있다. 먼저 비동기를 이해하기 위해 타이머 API를 활용해 콜백 함수, Promise, async/await 구현 방법을 활용했었다. 실습을 통해서 함께 진행하는 페어 과정이었기 때문에 같이 코드를 적으면서 해 봤는데, 의외로 술술 진행되었다. 전체적으로 코드는 잘 작동이 되었지만...명확히 개념을 알고 있는 것 같지 않다는 생각이 들었다. 그냥 코드를 따라 쳐보고, 아~ 이런 게 있구나 신기하다. 하고 넘어갔던 것 같다. 당연히 후폭풍이 오후에 몰려왔다. Node.js에서 fs(File System) 모듈을 활용해 비동기 함수를 구현해 보았다. 첫 문제부터 삐걱댔는데, 주어진 전달인자로 파일경로와 콜백 함수를 통해 파일을 읽어오고 이 후에 콜백 함수를 실행시켜.. 2022. 9. 26.
부트캠프 24일차 (고차함수, 비동기) 오늘의 생각 오늘은 페어 과제와 비동기 개념을 모두 배워야했기 때문에 많이 바쁜 하루가 됐다. (Section 2에 들어오면서 스케쥴이 더 타이트해진 것 같다...) 특히 페어 과제가 압권이었는데, 자바스크립트 문법을 보다 잘 이해하기 위해 기존에 객체나 배열에 내장된 메서드를 사용하지 않고 기능을 구현하는 방법을 배웠다. 이전에 존재했던 .slice같은 내장 메서드를 구현하는 것이었는데 그야말로 롤러코스터를 타는 기분이었다. 의도한대로 기능 구현이 잘 되면 한 없이 즐거운데 막히면 어떤 부분에서 문제가 발생했는지 파악하기가 어려워 심장이 철렁했다. 물론 기능 구현에 있어서 익숙한 과정이고 기분이었지만...주어진 시간 안에 기능을 모두 구현하는 것이 생각보다 압박이었기 때문에 중간에 어려움이 생기면 시간.. 2022. 9. 26.