슬기로운 회사생활

들어가며안녕하세요, 초원입니다. 👩🏻‍💻  새로운 티켓 할당 소식을 전하러 오랜만에 돌아왔어요! 📪그동안 퍼블리싱이나 데이터 패칭 등의 업무만 수행하다가, 이번에 라이브러리 적용이 가능한지 테스트해보라는 임무를 처음 부여받았는데요. 기분 좋고 설레고 .. 재밌게 작업한 내용을 공유해보려고 합니다. ☝🏻☝🏻 오예! Express 서버 설정부터, sign-generator 라이브러리를 활용한 전자직인 생성까지의 과정을 자세히 설명할게요.그럼 시작해볼까요?  GitHub - ketaro01/sign-generator: 도장 및 서명을 svg 형태로 생성하기 위한 라이브러리 입니다.도장 및 서명을 svg 형태로 생성하기 위한 라이브러리 입니다. Contribute to ketaro01/sign-gen..

안녕하세요, 초원입니다. 👩🏻‍💻오늘은 회사에서 개발하며 겪은 문제를 공유해보려고 해요.   개발을 하다 보면 예상치 못한 문제가 발생하곤 합니다.특히 경험이 부족한 신입이라면 원인을 쉽게 예측하기 어려워 당황스러울 때가 많죠. (그게 나야 둠바ㄷ..) 문제 상황위에 첨부한 스크린샷처럼 로컬 환경에서 카카오 로그인을 시도할 때마다 dev 서버로 리다이렉트되는 문제를 겪었어요. 1. 본인인증 페이지 화면 및 로직 수정 요청2. 테스트 서버(localhost:3000)에서 회원 탈퇴3. 메인페이지에서 카카오톡으로 회원가입 버튼 클릭4. dev 서버의 본인인증 페이지로 이동5. 로컬에서 수정사항 바로 확인할 수 없음 악 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 나 빨리 수정해야 돼 !!!!..

안녕하세요, 초원입니다. 👩🏻‍💻 지난 6월, 1차 개발이 마무리되고 요구사항이 추가되면서 2차 개발이 시작되었습니다. 원래 두 장이었던 피그마 페이지가 이제는 셀 수 없이 많은 페이지로 늘어나면서,같은 기능을 하면서도 디자인이 다른 컴포넌트들을 몇 개 발견하게 되었습니다.(예: small, medium, large로 커버되던 버튼에 정사각형 버전이 추가되고, 접고 펼 수 있는 카드가 2개 이상 생성되는 등) 이러한 각각의 스타일이 여러 곳에서 사용된다면, 여러분은 어떤 기준으로 공통 컴포넌트를 제작하시나요? 카드 토글 컴포넌트 만들기버튼은 사수님이 수정하시기로 해서, 저는 접고 펼 수 있는 공통 카드 토글 컴포넌트를 구현하기로 했습니다!제가 어떤 순서로 구현했는지 설명드릴게요.  1. 어디에 어떻..

안녕하세요, 초원입니다. 👩🏻‍💻 두 번의 외주 프로젝트를 맡아 개발을 진행해보니, 이제야 작업 흐름이 눈에 들어오기 시작했는데요!공통 컴포넌트 제작, API 연동 등 .. 중요한 작업이 많지만,그 중에서도 폼 관리, 상태 관리는 굉장히 까다로운 작업이라고 느끼는 요즘입니다 .. 하다보면 익숙해져서 뭐가 어려웠었는지 다 잊을 것 같아 이제부턴 기록을 잘 남겨보려고 해요. 예 👏🏻 👏🏻 👏🏻그럼 시작해볼까요 ~  프론트엔드 개발의 세 가지 패턴: 설문조사 패턴글의 제목은 토스 SLASH23 퍼널: 쏟아지는 페이지 한 방에 관리하기의 한 문장을 인용해 보았어요. 해당 세션에서는 프론트엔드 개발의 대표적인 세 가지 패턴을 소개합니다.1. 목록 페이지에서 클릭 시 상세 페이지로 이동하는 상점 패..