안녕헤사요, 저는 글또 9기에 참여하고 있습니다. 글또와 Udemy가 협업을 하게 되었고 무료로 강의를 제공해주셔서 들어볼 수 있는 기회가 생기게 되어서 다양한 강의중에서 제가 현재 일하고 있는 프론트엔드 직무와 관련이 있는 React, Next 강의를 선택하게 되었습니다. 이렇게 좋은 기회를 주신 글또와 Udemy 관계자분들에게 감사드립니다. 강의는 어떻게 진행되나요? 강의의 제목은 입니다. https://www.udemy.com/course/react-next-master/ 제목 그대로 프로젝트를 기반으로 React.js와 Next.js(pages router)를 학습하게 되고 프로젝트를 하기 위한 필수 지식을 빠르게 획득할 수 있습니다. 프로젝트를 시작하기 전에는 각 섹션마다 필요한 이론에 대한 설..
들어가며 안녕하세요, 개발자로 일하고 있는 유승완입니다. 저는 2023년 12월 28일부터 에서 진행하는 부트캠프 4기 프론트엔드 과정의 멘토로 참여하게 되었습니다. 개발자가 되어야 겠다고 마음을 먹었을 때부터 지금까지 저는 Udemy, SeSAC, NEXTSTEP, Programmers, Inflearn, Megaptera, Whatever등 다양한 곳에서 교육을 많이 들어왔는데요. 교육을 들으면서 개발자로서도 성장했지만 사람으로서도 성장할 수 있었고 스스로 교육을 통해서 정말 많이 성장했다고 느끼는 사람입니다. 그래서 저도 언젠가는 내가 경험하고 배운 것들을 다른 누군가에게 전달하고 싶다는 생각을 항상 하고 있었습니다. 그러던 중에 지인분을 통해서 에서 부트캠프의 멘토를 모집하고 있다는 것을 알게 되..
최근에 프론트엔드 개발자로 일하고 계신 루쏘님에게 코드 리뷰 멘토링을 받았습니다. 코드 리뷰 멘토링에 대한 설명 글은 아래 링크에서 확인하실 수 있습니다. https://artvelop.vercel.app/23 처음에는 인프런에 스터디 게시판을 보고 알게 되었는데요. 좋은 기회라고 생각해서 빠르게 연락을 드렸고 이틀만에 과제를 진행해서 코드 리뷰를 받게 되었습니다. 리뷰 받았던 과제는 아래 링크로 확인하실 수 있습니다. https://github.com/Seung-wan/codereview-react/pull/1 코드 리뷰를 위한 과제도 정성스럽게 준비해주셔서 재밌게 작업할 수 있었는데요. 나중에 코드 리뷰를 할 때 알아차렸는데 제가 피그마 디자인 시안을 잘못 보고 개발했던 컴포넌트가 있어서 조금 아쉬웠..
안녕하세요, 유승완입니다. 현재는 스타트업에서 프론트엔드 개발자로 일을 하고 있어요. 메가테라에서의 교육을 듣게되었던 이야기를 간략하게 정리해봤습니다. 메가테라가 뭔가요? 먼저 제가 메가테라를 선택하게된 계기에 대해 얘기해보려고 해요. 저는 2022년 7월에 프론트엔드 개발자로 처음 일을 시작했어요. 지금도 똑같지만 당시에도 개발자에게 가장 중요한 역량은 엔지니어링이라고 생각했는데요. 좋은 코드를 작성하기 위한 목적도 있었지만 현실적으로는 기업들의 상황이 점점 나빠짐에 따라 인원을 감축하고 채용을 하지 않는 상황이 되었고 채용을 하더라도 경력자를 위주로 채용하더라구요. 이 와중에도 계속해서 개발자를 양성하는 프로그램들은 많아지기 때문에 살아남기 위해서는 정말 달라야된다고 생각했어요. 그래서 매일 공부 해..
사실 (Fact) 강의를 듣는 것과 데브노트를 정리하는 것 둘 다 매우 뒤쳐졌다. 과제는 제출했지만, github actions에서 e2e 테스트를 통과하지 못했다. jest와 rtl을 이용한 유닛 테스트, playwright를 이용한 e2e 테스트를 배웠다. 테스트 코드를 작성하면서 인터페이스를 점검하는 내용에 대해 배울 수 있었다. 리액트 컴포넌트에서 정확히 무엇을 테스트 해야하는지에 대해 인터랙션을 검증한다는 것을 배웠다. 느낌 (Feeling) 개인적인 일이 있어 제대로 학습을 하지 못했는데 사실 변명이라고 생각한다. 무슨 일이 있어도 꼭 지키는게 습관이라고 생각한다. 컴포넌트에서 로직을 커스텀 훅으로 분리하고, 커스텀 훅에대한 테스트 코드를 짜는 방식도 좋을 것 같다. 교훈 (Finding) 아..
사실 (Fact) 강의가 공개된 당일날 강의를 모두 들었다. 몸이 게을러져서 데브노트는 목요일 새벽에 작성하게 되었다. 데브노트 작성과 4주차 과제를 함께 마무리했다. 데브 노트를 깊게 정리한다기엔 부족한 부분이 많아서 노아님께서 알려주신 방식으로 정리하려고 한다. 4주차 강의는 function component의 핵심인 React Hooks에 대한 내용이었다. 먼저 간단히 Express를 이용하여 서버를 세팅했고 2개의 api를 작성하고 cors 설정을 진행했다. Fetch API를 이용하여 서버로부터 필요한 데이터를 받아오고, 주문을 할 수 있었다.(실제 기능은 없지만) React로 앱을 작성하면서 항상 사용하게 될 Hook들을 어떻게 사용하는지 알 수 있었다. 또한 Custom Hook을 작성하여 ..
