코드의 심플 디자인에 대해서 코드에 있어서 심플 디자인이란 무엇일까?2주 전쯤, 처음으로 인프런에서 진행하는 `Simple Design` 밋업에 참가했어요. 이전부터 관심사에 있는 테크 밋업에 대해서는 모두 신청했었는데 질문에 대해서 너무 자세히 적지 않아서 그랬는지 신청하는 모든 밋업에 참석하지 못했답니다. 하지만 이번에는 레거시 코드에 대해서 개선하는 방법과 깔끔한 코드의 본질이란 무엇인가에 대한 주제로 강의를 진행한다고 나와있어 관심사에 있는 레거시 그리고 깔끔한 코드라는 키워드가 와닿아 열심히 질문을 작성해 밋업에 당첨됐고 강의를 들으러 갈 수 있었어요. 인프런이 생각보다 회사에서 가까이 있어 놀랐어요. 판교역 근처에 있는 줄 알았는데 판교역 근처는 아니고 스타트업캠퍼스라는 건물에 위치하고 있었습니다. 제가 도착하니 이미 강..

2025. 5. 1.

개발

Node JS , React 를 이용한 Boiler-plate 구현하기 - Client Part 클라이언트 구현  React의 userState를 사용하여 Email, Password를 받을 수 있도록 함.useDispatch를 React-redux에서 import 해서 redux store에 있는 action에 연결함.(useDispatch function은 redux store에 설정된 action에 대한 dispatch를 연결하는 hook으로써, 실제 updateExampleProfile이라는 action을 연결할 수 있도록 선언해줍니다. (관련된 부분은 상단에 props내의 action을 사용할 때와 동일합니다.)withRouter를 import 하여 페이지 history를 push 할 수 있도록 함.  useState를 사용하여 각각에 맞는 개인정보를 입력받을 수 있도록 적용 버튼이 클릭됐..

2021. 2. 1.

개발

Node JS , React 를 이용한 Boiler-plate 구현하기 - Server Part -서버 부분 구현(Node Js , MongoDB, postman )register는 post 방식으로 데이터를 전송하고 결과 값이 성공(200)이면 success true를 반환한다. 요청된 이메일이 DB에 존재한다면 비밀번호가 같은지 확인 후 Token을 생성한다. 요청한 이메일이 없다면 loginSuccess : false와 실패 메시지를 반환한다.토큰은 쿠기 , 로컬 스토리지 , 세션 등 다양한 곳에 저장할 수 있지만 나는 쿠키에 저장했다.성공했다면 loginSuccess:true와 userId를 반환한다. auth는 callback이 되기 전에 중간에서 로직을 실행해주는 담당을 한다. Schema 부분에서 User에 관한 데이터 (Id, password , firstname, email...)를..

2021. 2. 1.

개발