🌱

📢 프로젝트 소개프로젝트 인원 : 프론트엔드 5명기간 : 25.01.17 - 25.02.26프로젝트 : 사용자가 체험을 등록하고 예약할 수 있는 온라인 체험 예약 서비스GitHub: https://github.com/codeitFE11-part4-team2/globalnomad협업 : GitHub, Notion, Discord기술 스택 : React, Next.js(App Route), Tailwind CSS 👩🏻‍💻 내 역할페이지네이션 공통 컴포넌트 구현체험 상세 페이지 구현 💻 프로젝트 과정🔗 API 연동 – Swagger 기반 백엔드 API 사용이번 프로젝트에서는 코드잇 측에서 제공한 Swagger 문서를 기반으로 한 API를 사용했습니다. Swagger 문서는 명세가 잘 정리되어 있었기..

📢 프로젝트 소개프로젝트 인원 : 프론트엔드 4명기간 : 24.12.13 - 25.01.02프로젝트 : 원하는 링크를 저장, 검색, 공유 및 폴더로 관리할 수 있는 서비스 GitHub: https://github.com/codeit-fe11-part3-team4/linkbrary협업 : GitHub, Notion, Discord기술 스택 : React, Next.js(App Route), Typescript, Tailwind CSS 👩🏻‍💻 내 역할파일 구조 및 tailwind 설정헤더, 페이지네이션 공통 컴포넌트 구현링크 카드 컴포넌트 구현 (링크 페이지, 즐겨찾기 페이지 공통)즐겨찾기 페이지 구현발표 💻 프로젝트 과정🔗 API 연동 – Swagger 기반 백엔드 API 사용이번 프로젝트에서..

📢 프로젝트 소개프로젝트 인원 : 프론트엔드 3명기간 : 24.10.24 - 24.11.08프로젝트 : 팬들이 좋아하는 아이돌에게 투표하고 후원할 수 있는 팬덤 플랫폼GitHub: https://github.com/FandomKteam5/main협업 : GitHub, Notion, Discord기술 스택 : React, CSS 👩🏻‍💻 내 역할이달의 차트투표 모달 + 크레딧 부족 모달 발표 자료 제작 💻 프로젝트 과정🔗 API 연동 – Swagger 기반 백엔드 API 사용이번 프로젝트에서는 코드잇 측에서 제공한 Swagger 문서를 기반으로 한 API를 사용했습니다. Swagger 문서는 명세가 잘 정리되어 있었기 때문에, 빠르게 데이터 구조를 파악하고 프론트엔드에서 필요한 요청을 구현할 수..

지원동기 처음에는 여러 부트캠프를 비교하면서 어떤 과정이 나에게 가장 적합할지 고민했다. 그러던 중 코드잇 스프린트 프론트엔드 트랙을 알게 되었고, 몇 가지 이유로 지원을 결심하게 되었다.실제 프로젝트 3개 진행 – 단순한 이론 수업이 아니라, 실전 프로젝트를 통해 배운 내용을 직접 적용할 수 있다는 점이 매력적이었다.Next.js 학습 포함 – 최신 프레임워크인 Next.js를 배우고 싶었는데, 코드잇 과정에서는 이를 다루고 있어 큰 장점이었다.주 6일 몰입 학습 – 짧은 시간 동안 집중적으로 배우면서 실력을 빠르게 키울 수 있는 환경이 나에게 잘 맞을 것 같았다.  지원과정 (1) 서류지원코드잇 부트캠프의 서류 지원은 복잡하지 않았다. 공식 사이트에서 다음 두 가지 질문에 대한 답변을 작성하는 것이 ..

실무 프로젝트 마지막 주에는 마지막 피드백(8.6(화))을 받은 후 추가 수정을 거친 후 마무리를 했다. 발표팀으로 선정되는 팀은 최종 성과 발표회 때 발표를 해야 하지만, 우리 팀은 발표팀으로 선정되지 못해 피드백 내용을 반영하는 것까지 한 후 마무리를 하기로 했다.  피드백 지난 피드백까지 좋지 않은 피드백을 들었기 때문에 많이 걱정하고 있었는데, 칭찬도 해주셔서 마무리를 잘 할 수 있었다.1) 참여기업(웅진씽크빅, 유데미 큐레이션)    - 프로젝트 기간이 끝난 후에도 아쉬운 부분을 꼭 만들어보고 개선해봤으면 좋겠다. 좋은 디자이너가 되기 위해 이번 프로젝트의 최종 결과물을 단순히 결과 보고서 제출용으로 사용하는 것이 아니라 멘토링 했던 내용을 꼭 가져갔으면 좋겠다.    - 설득력이 가장 좋았던 ..

실무 프로젝트 3주차는 멘토의 피드백(7.30(화))을 기반으로 수정하고, UI와  장표를 완성시켰다. 피드백 2주차에 수정한 내용(표지, 목차, UX전략, 포지셔닝맵, 퍼소나, Painpoint와 Solution, 플로우차트)에 대하여 피드백을 받았다. 전반적으로 여전히 예쁘지 않고, 또한 동시에 너무 디자인에만 치중한 느낌이 든다고 피드백을 받았다. 피드백1. 디자인이 예쁘지 않음 솔직히 어떤 부분이 예쁘지 않은지 정확히 모르겠다. 디자인의 경우 보는 사람의 선호도인 것 같은데, 그저 핀터레스트에서 포트폴리오 참고하라고만 해서 어떤 식으로 바꿔야할지 감이 잘 안잡힌다.2. 글자 배치 수정하기 글자를 z자로 배치해서 읽기 편하도록, 너무 디자인에 치중된 느낌이라서 전체적인 패턴이 깨지는 느낌이 든다고 ..

이번 주는 저번 주에 이어 1~2주차를 계속 수정하면서, 3~4주차에 할 와이어프레임 및 최종 UI의 제작을 시작하였다.최종 산출물인 포트폴리오와 결과 보고서는 틈틈히 작성하고 있다.  피드백 1주차에 만든 포토폴리오( UX전략, 포지셔닝맵, 퍼소나, 고객여정맵, 플로우차트 )에 대해 피드백을 받았다.  사전직무교육을 참고하여 포트폴리오를 만들었지만, 내용이 너무 많고 예쁘지 않다는 피드백을 받았다. 그러면서 레퍼런스가 될만한 것을 하나 골라 참고하라고 하셨다.피드백1. 가독성 높이기2. 해석 가능한 장표 만들기3. 통일성 주기 (앞에 언급된 내용은 뒤에 꼭 나와야 함)4. 디자인 - 다른 레퍼런스 참고 5. 가급적 한글 사용  피드백을 통해 개선할 점과 부족한 점에 대해 알 수 있었다. 특히 디자인적 ..

유데미 실무 프로젝트 시작하게 되었으나, 팀 구성원 중 2명이 개인사정으로 불참하게 되어 최종적으로 2명이서 프로젝트를 진행하게 되었다. 다른 팀은 최대 5명이서 하는 프로젝트를 2명이서 하게되어 걱정도 많이 되지만, 열심히 해보기로 하였다.  이번주는 1주차로 안내해준 코칭을 따라 진행할 예정이다. 하지만 우리 팀은 2명이기 때문에 최대한 빠르게 일정을 진행하기로 하였다.  프로젝트는1. 유데미 큐레이션 이벤트 리스트 페이지 UI/UX 리뉴얼2. 유데미 부트캠프 지원자 모집 상세페이지 개선위 두 가지 주제를 가지고 진행해야 하며, 동시에 개선을 진행한다. 특히 이벤트 리스트 페이지는 고객 유입용으로 다양하게 사용될 수 있기 때문에 이번 프로젝트에서 가장 중요하다. 1주차리서치 및 아이데이션- Desk ..

2021.07.08 6일차 - 오토레이아웃오토레이아웃의 기능은 자동으로 간격으로 주고 블록 단위로 조합할 수 있다는 것이다. 어디에 간격을 주고, 어디에 묶을지 고려해서 덩어리를 나눈다. 오토레이아웃의 중요한 개념은 허그와 컨테이너이다. 컨테이너는 상대적으로 밖에 있는 요소를의미하고 상대적으로 안쪽에 있는 요소는 컨텐츠라고 한다. 허그는 컨텐츠를 안고 가는 개념이기 때문에 가장 안쪽에 있는 컨텐츠는 허그를 사용할 수 없다. 오토레이아웃 리사이징으로 허그를 통해 컨텐츠가 크기가 늘어남에 따라 함께 늘어난다.     2021.07.09 7일차 - 프로토타입 오른쪽에 있는 프로토타입을 선택하여 인터렉션을 추가하여 프레임, 요소 등에 Action을 준다. 주로 On click과 On drag를 사용했다.On c..

2024.07.01 1일차 - OT&팀 프로젝트 계획 1일차의 내용은 OT와 UX/UI이란 무엇이고 어떤 취업 경로가 있으며, 어떤 주제로 팀 프로젝트를 진행할 것인가였다.  UX/UI  UX/UI는 모바일, 브라우저 외에도 워치, 패드, 키오스크 등 모든 디바이스의 화면을 디자인 하는 것이다. UX/UI의 차이는 다음과 같다.UX(User eXperience)- 문제를 하결하기 위해 다양한 사회현상과 고객의 니즈를 분석하는 툴- 서비스 편의성과 사용성이 중요UI(User Interface)- UX 분석 바탕으로 만든 기획안을 실제로 화면을 설계하여 가시적으로 구현해내는 작업을 의미  UX/UI의 차이로 가장 유명한 예시는 이 케찹인 것 같은데, 강사님도 이 사진을 예시로 보여주셨다.  둘의 차이는 기능..