미리보기

매일의 감정을 잊지 않게 기록하고, 스스로의 마음을 챙기고 싶은 사람을 위해 만든 프로젝트입니다.


• https://github.com/ShinjungOh/Haru-Hannyan

• 오늘의 기분과 감정을 고르고 일기를 작성할 수 있습니다.

• 일주일 동안의 스트레스 수치를 측정하고, 테스트 결과를 확인해 마음을 가꿀 수 있습니다.

• 개발 과정을 담은 포스팅

로그인 프로세스

로그인

• 로컬스토리지에 데이터 저장

  • 브라우저 세션이 종료되어도 데이터가 지워지지 않기 때문에, 브라우저를 닫았다가 다시 열어도 로그인 상태가 유지되어 UX 향상

  • 금융 정보 등 민감한 신상 정보를 다루지 않는 비교적 가벼운 프로젝트이기 때문에 로컬스토리지 선택

• getValidationUser 함수로 유저 입력값 유효성 검사

• 고차 컴포넌트(HOC)를 활용한 ProtectedRoute로 인증 절차의 중복 해결

카카오 소셜 로그인

• OAuth2.0을 이용한 로그인 방식으로 유저의 편의성 증가

• REST API 형식으로 API에 code 값을 전달해 AccessToken을 얻고 로그인 되도록 구현

모달 시스템 설계

• 모달의 상태와 로직을 관리하기 위한 OverlayProvider 구현


  • Context API를 이용해 모달 관련 상태를 전역으로 관리하며, 필요한 로직에서 모달을 간편하게 제어하도록 설계

• useModal 커스텀 훅을 개발해, 다양한 상황에서 필요한 모달을 호출

  • 
특정 상황에 적합한 모달을 직관적으로 호출할 수 있고, 호출 시 모달의 응답이 반환되며, 반환 타입도 지정 가능

• 코드 중복 감소 및 유지보수성 향상


  • 모달의 상태 관리와 페이지에 종속된 컴포넌트의 문제를 개선하면서, 전체적인 코드의 유지보수성 향상

• Context API, Promise에 대한 이해


  • 모달의 상태 관리와 비동기 처리 로직을 구현하면서 프론트엔드에서의 상태관리의 목적, 비동기처리의 동작원리를 학습

단위 테스트, E2E 테스트 작성

단위 테스트

• 재사용되는 함수는 공통 함수로 분리하고, 로직의 검증을 위해 단위 테스트 적용

E2E 테스트

• CodeceptJS를 이용해 유저의 대표적인 행동패턴을 바탕으로한 E2E 테스트 작성

  • 유저가 이용과정에서 마주칠 수 있는 오류를 사전에 검증

• Custom Helper를 이용해 중복된 테스트 로직을 중앙에서 한번에 관리

개발을 위한 기초적인 컴퓨터 지식부터 네트워크, 자료구조, 자바스크립트의 동작 원리, 리액트의 개념, 깃허브 등을 개발 전반을 학습 후 기록

• TIL

• 트러블 슈팅, 테크니컬 라이팅 등 기술 포스트 작성으로 블로그 방문자 300% 증가

• <경험과 성장> 부분의 큐레이션 글로 선정

• 6개월 간 10개의 블로그 포스트 작성

• 블로그 링크

• 프론트엔드 개발 환경 구축부터 상태관리, 리액트 동작 원리 심화 학습

• 학습 내용을 토대로 새로운 지식과 노하우, 주차별 회고를 기록한 데브노트 작성

  • KPT 방법론을 도입한 주간 회고로 학습 습관 개선

  • 공식 문서 정독 습관 형성

• 유닛테스트, 컴포넌트 테스트, E2E 테스트를 도입한 프로젝트진행

  • 런타임 시점의 에러를 줄여 프로젝트 안정성 강화

• [Devfest Songdo 2023] 송도에서 열린 개발자들의 축제 후기

• [INFCON 2023] 배우고 나누고 성장하는 인프콘 참여 후기

• [2023 첫번째 개취콘] JUMPIT TO FRONT-END 후기

• [NAVER DEVIEW 2023] 오프라인 IT컨퍼런스 첫 방문기

• 컨퍼런스 후기

• <코어자바스크립트>모의 면접 스터디 2023.02 ~ 2023.06

  • 자바스크립트 동작 원리를 말로 설명하며 이해가 미흡한 부분을 인지

  • 부족한 내용을 집중 학습해 블로그 작성

    
    

• <개발자, 한달에 책 한권 읽기> 독서모임 2023.05

  • 다양한 배경의 20명의 참여자와 인사이트 교환


  • 현업자의 고민, 실무에서 기술 문서 작성하는 방법 등, 현업자의 생각을 듣고 인식이 확장됨

• 앱 내 콘텐츠 큐레이션 및 관리

• 공식 SNS 인스타그램 운영

• 제휴 마케팅 기획 운영

• 이용자 대상 온/오프라인 설문조사, FGI진행

명상앱 '코끼리'의 콘텐츠 큐레이션, 검수 작업을 진행했습니다. 자체 이벤트 및 제휴 이벤트를 기획하고 운영하며 외부 기업들과 협업했습니다. SNS 인스타그램 계정을 운영하며, 6개월 간 62개의 콘텐츠를 업로드했고 팔로우 수 가 1,500명 증가했습니다. 1,000여 명의 유저 대상 온라인 설문조사와 오프라인 FGI를 4차례 진행하며 정량적, 정성적으로 유저의 니즈를 파악했습니다. 이를 통해 앱 개선을 위한 인사이트를 얻고, 개선 방향을 모색했습니다. 이벤트 진행과 SNS 운영,유저 리서치의 결과로 2만명의 신규 앱 사용자 유입을 달성했습니다.