⏳ 2023. 6. 5. - 2023. 6. 11. 리액트 너란 녀석 참.. 낯설다.. 9주차에는 지금까지 배운 기술로 회원가입 폼을 구현하는 시간을 보냈다. 아직까지는 js가 훨씬 익숙해서, js로 로직을 만들 때는 아 이건 이렇게 저건 저렇게 팍팍 생각이 났지만 리액트로 코드를 작성할 때는 굉장히 굉장히 어색했다. 구현 규모가 작아서 js에서 리액트로 바뀌는 이점을 크게는.. 못 느꼈지만, 큰 프로젝트에서 리액트는 빛을 발한다고 하니! 그날을 기다리며.. 공부하자! 아, 리액트로 구현한 폼은 실시간성이 보장되는 느낌이라 훨씬 유용해보였다. 다시 노션으로.. 리액트는 모르는 거 투성이라 실시간으로 노션에 정리하는 것이 훨씬 나을 것 같다고 판단했다. 그리고 왜 노션이 예뻐보이냐 리액트 선택 강의는 노션..

⏳ 2023. 5. 29. - 2023. 6. 4. 선택과정 하나 끝!! https://movie-app-iam454.vercel.app/ 리액트 시작 전에 끝내는 목표 달성 케케 😝 컴포넌트 구조로 영화 검색 사이트를 클론코딩을 해보며 많은 것을 알게 되었다. 특히 스켈레톤 UI에 대해 알게 되어 좋았다. React 시작 8주차부터 리액트가 시작되었다! 이번 주차는 맛보기로, 리액트에 사용되는 전반적인 것을 다룬 듯하다. 왜 많은 회사들이 리액트를 택했는지 느낄 수 있었다. 바닐라 js에 비해 코드가 깔끔해보이기도 하고, 유지 보수도 더 쉬워보였다. 그러나.. 더 어려웠다.. 강의 외에도 추가적인 공부는 필수였다. 리액트의 렌더링은 어떻게 일어나는가? 리액트에서 렌더링이란, 컴포넌트가 현재 props와..

⏳ 2023. 5. 22. - 2023. 5. 28. Async와 Await 은 신이야~ 만든 새럼 천재 😆 불변성과 가변성 js의 mutable에 대해 짧게라도 짚어볼 수 있어서 좋았다. 근본없는 언어라고 욕먹어도 나는 js가 좋아!! 클로저 클로저는 반드시 자주 사용될 것 같은 너낌이다. 유용하게 쓰일 듯! 동작 원리 자바스크립트의 동작 원리는 전혀 모르고 있었는데, 많은 도움이 되었다!! 정규표현식 알고리즘 문제를 풀 때 정규표현식 관련 문제가 나오면 꽤 고생한 기억이 있다. 사실 지금도.. 정규식은 검색없이는 잘 모르겠다. 자주 사용해보며 익숙해질 수 밖에.. 🥲 컴포넌트 굉장히 굉장히 굉장히 굉장히 중요한 개념으로 느껴진다. 컴포넌트를 구현하기 위해서는 상태가 있어야 한다. 원하는 요소를 생성..

⏳ 2023. 5. 15. - 2023. 5. 21. 화살표 함수 얘네 그냥 익명 함수 쓰기 귀찮아서 쓰는 건줄 알았는데.. 함수를 어떻게 쓰는지에 따라 this의 범위가 달라진다는 새로운 사실! 😱 을 알게 되었다.. 즉시 실행 함수 이거.. 쓰긴 쓰나요..? 콜백 지옥 지금까지는 보통 강의를 한 번만 봐도 이해했다. 그러나 콜백 파트에서 처음으로 강의를 두 번 봤고.. 엥 이런 식으로 코드 짜면.. 코드가 길어지면.. 나중에 이해하기 힘들 것 같은데..? 생각이 들었다. 그렇게 콜백 관련하여 구글링을 참지 못했고 역시나 콜백 지옥 😈 이라는 문제 상황이 이미 있었다. 그것을 해결하기 위한 promise, async, await 등의 개념이 있었는데 7주차 강의에서 이런 내용도 소개해주었으면.. 좋겠다..

⏳ 2023. 5. 8. - 2023. 5. 14. 해피해피해피~ 드디어 시작된 자바스크립트 강의. 쿸쿸쿸 그동안 웹을 다루는 언어들은 클론 코딩 or 실전 박치기를 통해 학습했다. 그러다보니 항상 기초가 부족하다는 생각을 하고 있었는데, 필수 강의를 보고 나면 기초가 탄탄해지는 느낌이라 기분이 좋다. 24시간이 모자라 필수 강의가 js를 다룰 때부터 선택 강의도 js 파트에 들어가고 싶었지만.. 아무래도 노력이 조금(아니.. 많이?) 부족했던 것 같다. ㅜㅜ 그렇다고 파트를 스킵하기엔 선택 강의에서 다루는 내용이 주옥같아서 놓치고 싶지 않다!! 토요일에 백엔드 개발자로 일하고 있는 친구를 만났다. 개발자가 되는 과정을 들었는데, 하루에 3시간도 안 자면서 공부했다고 하니.. 더 많은 공부 시간을 만들어..

⏳ 2023. 5. 1. - 2023. 5. 7. 나도 시작했다. 기술 블로그!(그런데 이제 일상을 곁들인..) 이번 주에는 🪖 예비군 훈련과 갑자기 타오른 블로그 욕구 때문에 공부를 얼마 못했다. 😅 빨간 날이 많아 더 많은 공부 계획을 세웠는데.. 하지만 블로그를 꼭 시작하고 싶었기 때문에! 후회하지는 않는다!! 앞으로는 노션이 아닌 블로그로 학습일지를 작성하려고 한다. 쿠키즈들 많이 와서 봐주세요~ ㅎㅡㅎ lipsum.com 어떤 예시를 볼 때면 Lorem Ipsum is 어쩌고..를 자주 봤는데, 이런 의미없는 긴 문장을 생성해주는 사이트가 있었다.(와우~ 인터레스팅~) 의미없는 긴 문장이 필요할 때 사용하자. https://lipsum.com/ Lorem Ipsum - All the facts ..

⏳ 2023. 4. 24. - 2023. 4. 30. 😎 2주차 베스트 TIL에 선정되었다. 🥳 혼자 공부하면 이렇게 열심히는 정리하지 않는데, 쿠키즈와 함께라서 열정이 🔥 타오른다. 또한, 노션에 보기 좋게 정리하는 것이 화면에 최적의 경험을 제공하는 프론트엔드 개발과 결이 비슷하다고 생각했다. 그래서 학습일지 작성에 꽤 오랜 시간이 걸리지만.. 다 작성하고 나면 뿌듯하고, 복습할 때도 편한 장점이 있다! 3주차도 베스트 TIL 가보자고~ 개념원리 css는 개념적인 공부보다는 실제 적용하는 경험만 많았다. 그렇기 때문에 형제 선택자, 가상 요소 선택자 등 정확한 명칭을 모르고 사용한 경우도 있었고, 강의를 듣고 나서야 이 부분에 대한 이해가 부족했구나 느끼기도 했다.(특히, 우선순위) 하루하루 조금씩이..

⏳ 2023. 4. 17. - 2023. 4. 23. 2주차는 시험 기간으로 필수 과정 강의가 따로 제공되지 않았다. 그래서 16일, 선택 과정을 듣기 시작했다. 이건 못 참지 아, 코드가 길어지면서 눈이 빠질 것 같아서.. vscode 익스텐션 indent-rainbow를 설치했다. 1주차를 돌아보며 주차별 [베스트 TIL]을 선발한다고 해서 내심 기대했다. 하지만 세상에 고수는 많았다.. 부러웠고, 분했다! 😭 베스트 TIL로 선정된 다른 쿠키즈의 글을 보며 인정하지 않을 수 없었다. 꼼꼼하게 정리된 학습 일지를 보니 괜히 기분이 좋아.. 나도 베스트 TIL 뽑힐 수 있도록 더 꼼꼼하게 써야지! 학습 일지를 작성하는 것은 나에게 큰 도움을 준다. 배운 내용을 글로 써내려가는 과정에서 생각을 정리할 수..