• Front-end - 기존에 만들어 둔 boiler-plate 코드 사용 - 업비트 open api 사용 (web-socket, rest api) - react - redux(thunk, saga) - scss - styled-components • Back-end - 기존에 만들어 둔 boiler-plate 코드 사용 - typescript - nestjs - mysql 웹 소켓을 처음 사용해봄 직접 소켓을 구축한 것은 아니지만, 나중에 채팅같은 기능 구현할때 직접 서버에 대고 소켓 프로그래밍을 해봐야겠다. upbit open api로 코인을 받아오는 로직을 redux에 모듈화 했다. 다음부터는 css를 직접 만들지 않고 antd나 tailwindcss같은 라이브러리를 사용해서 만들어야 겠다. 현재..
React로 front-end부분을 만들다 문제점을 발견했다. 위의 사진과 같이 navigation bar가 뻥 뚫려버리는 상황이었다. 로그인 박스의 크기가 커서 width가 100%를 초과하고, navbar의 width 100%이라 생긴 문제다. window size는 모든 컴포넌트에서 필요할 것으로 생각되어 redux로 화면 사이즈를 관리하기로 했다. 화면 사이즈가 변경되면 변경된 사이즈로 styled-component에 대고 로그인 박스의 크기를 조정할 생각이었다. redux에 window 크기를 저장 해놓고 window 크기가 변경될 때 마다 dispatch했는데 문제점을 발견했다. pixel단위로 dispatch를 하는 것이었다. 이러면 함수를 계속 호출하게 되고 성능상 문제가 생길 수 있다. ..
알고리즘 문제에 고통받다가 오랜만에 다시 개인 프로젝트를 진행하고 있다.,,.,. 이전에 한번 요부분에서 머리가 터질뻔한적이있다.. kmj24.tistory.com/105 [React] 회원가입 컴포넌트, 유저정보 수정 컴포넌트 수정 회원 가입 페이지와 유저 정보 수정 페이지 작업을 진행중 이다. 이렇게 비슷한 폼이기 때문에 같은 코드를 재활용 하려고 했다. 이런 형태의 컴포넌트로 구성하려고 했고 이런 형태로 개발 중 kmj24.tistory.com 대충 회원가입, 유저정보수정 컴포넌트 폼을 동일하게 가져가기 위해 하나의 코드를 2개의 컴포넌트에 나누어 재활용하려고 했는데, 분기점이 너무 많아 복잡해져서 다시 나누겠다는 글이다.,.,,(요기서 머리 터질뻔했다 ㅜ^ㅜ) 암튼 이제 다른 문제에 직면했다. 비..
회원 가입 페이지와 유저 정보 수정 페이지 작업을 진행중 이다. 이렇게 비슷한 폼이기 때문에 같은 코드를 재활용 하려고 했다. 이런 형태의 컴포넌트로 구성하려고 했고 이런 형태로 개발 중이었다. 하지만 다시 분리를 해야될 것 같다. 회원가입 페이지와 유저정보 수정페이지의 코드의 모양만 비슷할 뿐 분기처리 및 상태관리는 상당히 다르기 때문이다. 이런 형태로 pageName이 "UserRegister"인지 아닌지 나눠야 될 부분이 한두군데도 아니고 고려해야 될 내용도 다르기 때문이다. 컴포넌트를 다시 분리하려는 이유는, 1. 코드의 가독성이 떨어진다. - 루트 컴포넌트가 회원가입페이지인지, 유저정보수정페이지인지에 따라 적용되는 내용은 완전히 다르다. - 하지만 작성되는 코드는 비슷한 형태를 띈다. - 코드의..
1. styled컴포넌트만을 이용했던 것을 scss, styled컴포넌트로 나눔 2. Wrapper컴포넌트 수정 3. 로그인 페이지 / 회원가입 페이지 수정 기존 로그인, 회원가입 페이지는 Wrapper컴포넌트의 navbar, sidebar를 화면에 포함한 형태가 아니었지만 어색한 느낌이 들어서 화면에 모두 출력. 4. 회원가입 페이지 컴포넌트 분할 및 유효성 검사 개발 리팩토링 하면서 가장 만족하는 부분이다. 기존에는 하나의 컴포넌트에서 모든 상태를 관리하면서 코드가 굉장히 비대해졌었는데, 각 input 마다 컴포넌트를 분할하여 코드의 복잡성을 크게 줄였다. 기존에는 왜 이렇게 할 생각을 못했을까..,? 소소하게 하나 배우고 간다,,,, ^-----------^ 해야될 것 1. 회원가입 페이지 - 유효..
퇴사 이직을 하겠다고 생각하고 지난 3월 10일 1년 8개월 다닌 회사에서 퇴사를 했다. 기존에 하던 일은 RPA프로그램을 만드는 일이었고, 프로젝트를 진행하며 팀 프로젝트에서의 협업, 타 부서 또는 고객과의 의사소통하는 법에 대하여 많은 것을 배울 수 있었다. 하지만 사용하는 기술은 Automation Anywhere라는 RPA 전용 개발툴과 excel 뿐이었고(프로그래밍 언어는 사용하지 않는 개발툴이었다...), 아무래도 고객사가 대기업이다 보니, 보안상의 이유로 git, github와 같은 형상관리 시스템, tello나 jira와 같은 협업툴을 일절 사용 할수가 없었다. 실무 프로젝트를 진행하며 많은 것을 배웠지만, 반대로 이 일을 계속 할 경우 개발자로써 기술적으로 커리어에 문제가 될 수도 있겠다..
React에서 유저 정보 수정기능과 회원 탈퇴 기능을 만들었다. 우측 상단 회원 대표사진을 누르면 회원이름 및 정보수정, 로그아웃, 탈퇴를 선택할 수 있다. 1. 회원탈퇴를 선택하였을 경우 token이 삭제되고, DB에 저장되어 있는 유저가 없어진다. server에 post로 logout, delete(+ 파라미터email) 2가지 요청을 한다. server의 유저 삭제 코드는 다음과 같이 간단하게 구현되어 있다. 2. 유저정보수정 ui는 회원가입 페이지의 모양을 그대로 가져왔다. 하지만 대표 이미지, 이메일. 유저명은 입력이 되어 있는 상태이며 이메일은 수정할 수 없다. 현재 가입되어있는 유저의 정보를 수정 하면 수정된 정보가 화면에 출력된다. 간단하게 유저이름과 사진을 수정하였다. 유저 정보수정에 대..