리액트

TIL/일기

루쏘님과 React 1:1 코드 리뷰 멘토링을 진행했습니다.

최근에 프론트엔드 개발자로 일하고 계신 루쏘님에게 코드 리뷰 멘토링을 받았습니다. 코드 리뷰 멘토링에 대한 설명 글은 아래 링크에서 확인하실 수 있습니다. https://artvelop.vercel.app/23 처음에는 인프런에 스터디 게시판을 보고 알게 되었는데요. 좋은 기회라고 생각해서 빠르게 연락을 드렸고 이틀만에 과제를 진행해서 코드 리뷰를 받게 되었습니다. 리뷰 받았던 과제는 아래 링크로 확인하실 수 있습니다. https://github.com/Seung-wan/codereview-react/pull/1 코드 리뷰를 위한 과제도 정성스럽게 준비해주셔서 재밌게 작업할 수 있었는데요. 나중에 코드 리뷰를 할 때 알아차렸는데 제가 피그마 디자인 시안을 잘못 보고 개발했던 컴포넌트가 있어서 조금 아쉬웠..

TIL/개발

프론트엔드에서의 비즈니스 로직은 어떻게 분리할 수 있을까요?

프론트엔드 개발을 하면서 우리는 다양한 비즈니스 로직을 다루고 있어요. 자바스크립트가 존재하지 않던 예전의 웹은 정말 UI만 다루고 있었다고 얘기할 수 있겠지만, 자바스크립트가 탄생하고 AJAX 프로그래밍을 통해 웹에서 서버와 통신을 하게 되면서 웹의 역할이 늘어나게 되었어요. 이제는 프론트엔드와 백엔드의 영역이 분리되었고 프론트엔드에서의 책임이 많이 증가하게 되었는데요. 그 책임중의 하나가 비즈니스 로직이라고 얘기할 수 있을 것 같아요. 우선 비즈니스 로직의 정의는 어떻게 내리면 좋을까요? 비즈니스 로직이란 현실 세상의 문제를 해결하는, 소프트웨어 기능의 핵심적인 처리를 담당하는 코드라고 얘기할 수 있을 것 같아요. 예를 들면 쇼핑몰에서의 주문하기, 블로그에서의 게시글 작성하기와 같은 기능들은 모두 비..

개발 서적/리뷰

[리뷰] 모던 자바스크립트로 배우는 리액트 입문

제목: 모던 자바스크립트로 배우는 리액트 입문 한줄평: 책의 제목을 정확하게 목차에 담은 리액트 입문자에게 추천하고 싶은 서적. 우선, 현업에서 리액트를 사용하고 있기 때문에 친숙한 내용이라 재밌게 읽을 수 있었습니다. 특히 입문자도 처음 배우는 기술이라는 것에 대한 부담없이 편하게 접할 수 있는 서적이라고 생각합니다. 책의 저자는 리액트를 학습하는 데 있어서 두 개의 큰 장벽이 있다고 얘기합니다. 1. 리액트 고유의 독특한 표기법이나 세계꽌으로 인한 장벽 2. 중급자에서 상급자가 될 때 만나는 장벽 이 책에서는 첫 번째 장벽을 해결할 수 있는 방법에 대해 제시하고 있습니다. 조금 디테일하게 들어가면 자바스크립트 자체에 대한 이해 부족과 잘못된 학습 순서를 이야기합니다. 1장 ~ 3장에서는 모던 자바스크..

NEXTSTEP/TDD, React 2기

[NEXTSTEP] TDD, 클린 코드 with React 2주차 주간회고

사실 (Fact) 이번 주 수업은 현석님께서 진행해 주셨습니다. React, 미션, 프론트엔드 테스트, 스토리북에 관련된 내용들이었습니다. 수업시간에 회사에서 야근을 하느라 제대로 듣지 못해 녹화본을 보면서 정리하려고 합니다. 리액트 페이먼츠 미션을 시작했습니다. 리액트로 본격적으로 코드를 작성하게 되어 재밌었습니다. 생각보다 고민되는 부분이 많았지만, 리뷰어분과 의견을 주고받으며 리팩터링 하는 과정에서 정말 많이 배웠습니다. 그리고 앞으로 배울 것 또한 정말 많이 남아 있습니다. 느낌 (Feeling) 리액트로 작성한 코드를 리뷰받는 것이 정말 좋았습니다. 평소에 했던 고민들, 어려웠던 점을 리뷰어분과 나누며 해결해 나가는 과정이 좋았습니다. 리뷰를 받으면서 느낀 점은 클린 코드를 작성하기 위해서는 정..

NEXTSTEP/TDD, React 2기

[NEXTSTEP] TDD, 클린 코드 with React 1주차 주간회고

사실 (Fact) TDD, 클린 코드 with JavaScript 과정과 동일하게 첫 수업은 OT로 시작했습니다. 메이커준님께서 진행해주셨고 간단하게 체크인후에 각자가 과정에 임하는 목표에 대해 작성하여 열의를 불태웠습니다. 이 과정의 목표, 진행 방식또한 친절하게 설명해주셔서 앞으로 8주간의 그림을 그릴 수 있었습니다. 1주차의 미션은 리액트로 계산기를 구현하는 미션이었고 React를 체험하며 기본적인 개념들을 학습하는 온보딩의 목적이었습니다. JS 과정에서 한번 해봤던 계산기 미션이었지만, 리액트로 구현하려니 또 새로웠고 나름 시간을 많이 써서 미션을 완료하게 되었습니다. 리뷰를 받고 나서는 제가 평소에 놓치고 있었던 부분을 확실히 알 수 있었습니다. 리뷰받은 내용을 반영하고, PR이 Merge됨으로..

유승완
'리액트' 태그의 글 목록