리팩토링 이전에는 컴포넌트 안에서 api 호출, redux dispatch, 에러 처리등을 모두 수행하였다. 컴포넌트의 기능이 점점 복잡해짐에 따라 api 호출 뒤 동작이 매우 복잡해졌다. 또한 하나의 api로 해결이 되지 않고 여러 api를 통해 원하는 동작을 구현하

SW 사관학교 정글 수료2021년 11월에 시작한 SW 사관학교 정글 3기 과정이 3월에 종료되었다. 지금 생각해보면 5개월간 많은 내용들을 배웠다. 그리고 개발자 커리어를 함께 쌓아갈 좋은 사람들도 많이 만났다. 현업에서 일해보니 이때가 아니었으면 공부하지 못했을 내

무엇이 문제인가 서비스에서 사용자는 많은 정보들을 입력해야한다. 아이디, 비밀번호, 이메일 기타등등.. 그리고 각 입력값들은 제한조건들이 존재한다. 예를 들면 이메일 양식은 영어와 @의 조합으로 구성되어야 한다던가 비밀번호에 특수문자가 포함되어 있을 수 있다. 제한조건

처음 프로젝트 시작 시 팀원들과 파일과 변수명에 대한 논의를 거치지 않은 채 작업을 시작하였다. 따라서 파일이나 변수명을 보아도 어떤 역할을 하는지 파악하기 힘들었다. 특히 api 파일과 함수명이 문제가 많았다. api 호출 함수이지만 어떤 api를 호출하는지 파악하는

이전 글에서 언급했듯이 기존 디렉토리 구조는 작은 프로젝트에 적합했다. 이전 프로젝트 디렉토리 구조는 아래와 같다.components외의 디렉토리들은 모든 페이지가 공유를 해도 양이 많지 않아서 크게 어려움이 없었다.(사실 어렵긴 했다.) components는 문제가

사내 Saas 프로젝트에서 MVP기능을 구현한지 얼마 안된 시점이었다. 새로운 팀장님께서 오신 후 가장 먼저 각 팀원들과 1대1 면담을 하며 현재 코드나 업무에서 개선이 필요한 사항을 파악해 나가셨다. 나는 평소에 말수가 많지 않지만 그날 만큼은 한풀이 하듯이 내가 생

버전관리이전 자동화에서는 새로 배포시 무조건 patch 명령어를 사용했다. 당시 자동화 코드를 작성할 때 patch가 정확히 무엇인지 모르고 사용했다. 버전이 동일하면 npm publish 실행시 에러를 발생해서 자동으로 버전을 높여주는 코드를 찾아서 사용한 것이었다.

회사 업무 중 새로운 배열을 리덕스에 저장해야하는 상황을 마주했다. 그래서 new Array()를 이용하여 리덕스에 저장하였다. 빈 배열을 저장는 것이라면 위 방법이 큰 문제는 없지만 초기값을 설정해 주는 것이 매우 귀찮았다.예를들면 \[1,2,3,4] 를 선언한다고

내가 처음 입사한지 3개월이 넘어갔다. 약 3개월 동안 새로운 Saas 서비스를 쉼없이 만들어 왔다. 현재는 버그들을 잡거나 디자인이나 기능 변경이 되면 그에 따라 수정하고 있다. 아직 결재 기능을 위한 심사가 진행되고 있어 따로 기능을 구현할 일이 없다. 잠시 쉬어가

지난번 포스트에서 사내 디자인 시스템 배포에 관해 다루었다. 배포를 설정하고 나서 어려운 점이 있었다. 그 이유는 로컬환경에서 npm에 배포해야했기 때문이다. 그리고 작성한 코드를 두가지 경로에서 다루다 보니 관리는 더 어려웠다. 컨플루언스에 사용법을 나름 자세히 기록

나는 Saas 프로젝트의 시작이 다가올 때 사내 디자인 시스템을 배포해야겠다고 마음먹었다. 컴포넌트들이 완성은 되었지만 실제로 라이브러리를 통해 사용해 본적은 없었기 때문이다. Saas 프로젝트 시작 전에 배포를 마치지 못한다면, 여태 만들었던 컴포넌트들의 코드를 새로

현재 회사는 기존 서비스를 Saas 형태로 전환하려 한다. 기존에는 기술 인력이 고객사에 방문하여 서비스를 직접 설치해 주는 방식이었다고 한다. 하지만 Saas를 통해 고객들이 사이트에서 설치를 직접하는 방식으로 사업모델을 변경하려 한다. 그래서 리액트 기반의 서비스

3월 중순, 5개월간의 교육 과정이 끝났다. 교육 과정이 끝나기 무섭게 협력사에 입사지원을 하였고 코딩테스트와 면접일정이 잡혔다. 하지만 협력사라고 해서 호락호락하지 않았다. 프런트엔드 엔지니어로서 알고있는 지식이 거의 없는 수준이었다. 그래서 동기들과 같이 공부하며

문제 링크주어진 단일 연결리스트에서 마지막에서 N번째 노드를 제거하는 문제이다.처음 문제를 접근했을 때는 2개의 변수를 통해 한 변수가 n번 이동할 때 마다 다른 변수가 1번 이동하여 n의 간격을 유지하게 하려 했다.1칸씩 이동할 때 마다 cnt를 1씩 증가시켜 n으로

어제 진행했던 코딩테스트에서 소수의 연속합 문제가 나와서 글로 남겨보려한다.(나의 기억에 의존이니 정확하지 않을 수 있다.)자연수 N, M이 주어진다. 자연수 N이하의 소수들을 조합하여 합이 M이 되게 하려한다. 단 소수들은 연속되어야 한다. 이때 가능한 조합의 가지수

오늘 기술면접 진행중에 면접관님께서 JSON에 관하여 물어보셨다. 그 중에서도 JSON.stringfy에 관하여 여러가지 물어보셨다.JSON.stringfy를 이용하여 객체를 비교하였는데 객체가 아닌 다른 값들을 대입하면 결과값이 무엇인지에 대한 질문이었다.사실 평소에

1->2->3->4->5->6->7의 연결리스트가 주어진다면 4를 반환하는 문제이다.만약 1->2->3->4->5->6처럼 개수가 짝수라면 3 또는 4를 반환하면 된다.면접하는 도중에 풀이법을 떠올리려니 쉽지 않았다.가장 간단하게 전체 리스트를 순회하여 리스트의 길이를

정글 3기 학습 기록 2021년 10월부터 2022년 3월까지 약 5개월동안 컴퓨터와 프로그래밍에 대해 배웠다. 사실 인간관계에 대해 더 많이 배운것 같다. 원래는 노션에 공부한 것들을 기록하고 공유하려 했는데 노션은 아무도 안봐주는 것 같아서 블로그로 갈아타려한다