Frontend 개발자 - hyo.loui

3주차까지의 후기 및 소감 3주차까지의 후기 및 소감 A new tool for teams & individuals that blends everyday work apps into one. www.notion.so 1. MVP 중간발표 자료(기입) https://drive.google.com/file/d/1KOrHStRDEbr5ntKfacaeIZujRm3_U3Iy/view?usp=share_link codefolio-중간발표 drive.google.com 2. 기술적 의사결정 & 트러블슈팅 기록 라이브러리 선정 https://github.com/react-challengers/Codefolio/issues/44 https://github.com/react-challengers/Codefoli..

📝 WIL: Weekly I Learned Work done this week 이번 주 한 일! Project : Codefolio = 프로젝트 진행중 ( 1.0.0 > 1.1.0 version 배포 ) Project review 기획 & 디자인 회의를 하며.. 사실 우리의 mvp가 잦은 변동이 생기고 타겟(고객)층이 명확하지 못한 문제점이 제기되어 긴 기획 회의 끝에 의견을 좁히는 과정이 순탄하지는 않았다. 하지만 이것 또한 충분한 경험이라고 생각한다. 디자이너 관점, 기획자 관점, 개발자 관점을 두루 생각하게 되는 계기가 되었고, 또 의견 조율하는 과정에서의 커뮤니케이션과 기획 의도를 명확하게 전달하는 부분에서의 시행착오를 겪게 되었다. 이후 페이지 작업에 돌입해서 각자 컴포넌트별로 작업하여 나누었던..

🎯목적 : 에디터 기존의 문제점 개선 (사진 업로드 시 뷰어에서 이미지가 string 형식으로 출력되어짐) 개선 : image url과 file name으로 보여질 수 있도록 ** 최종 프로젝트 기간 매우 바쁜 관계로 우선 중요 코드만 적어놓았음** 1. UI tag handleOnEditorChange()} /> hooks 사용하여 addImage 라는 함수를 커스텀하여 만들어 주었다. 2. addImage (이미지 생성 전체 과정) const addImage = async (blob: File, dropImage: HookCallback) => { const img = await compressImg(blob); // 이미지 압축 if (!img) return; const url = await upl..

📝 WIL: Weekly I Learned Work done this week 이번 주 끝낸 일! 티스토리 포스팅 = 매일 TIL 일지 (목표, 오류, 정리로 세분화) Project : 최종 프로젝트 시작 = 최종 프로젝트 시작 ( init ) 챌린지 팀 헤커톤 진행 = 2.10 ~ 11일 ( 24시간 ) Hackathon review 이번 주 가장 인상 깊었던 '헤커톤'에 대해 리뷰 하겠다. 우선 우리는 2월 10일 부터 11일 까지 안양 오피스텔을 대관하여 진행했고, 12시에 모여 간단히 식사 후, 해커톤 장소로 가서 각자 장비 셋업을 끝내니 2시가 다 되었다. 팀장님 주도 하에 디자이너님과 회의를 진행했고, 우선적으로 와이어프레임이 나와서 무난하게 진행 할 수 있을 것 같았다. 또한 우리는 디자이너..

🎯목적 : 프로젝트 S.A - 첫 회의 결정사항 정리 1. 프로젝트 개요 💡 포트폴리오가 필요한 직군을 위한 포트폴리오 공유 사이트 2. 프로젝트 와이어프레임 개발팀 와이어프레임 https://www.figma.com/file/tmnp8NbXbZhnVFD1DeYYdc/Untitled?node-id=0%3A1&t=cOmM5hYm6OYmRpgV-1 Figma Created with Figma www.figma.com 3. 주차별 구현 기능 1차 구현 기능 (23.02.11 달성) 1.0.0 배포 Auth 회원 기본 정보 이름 성별 이메일 출생년도 자기 소개 프로필 사진 업무 관련 정보 포지션 경력 비공개 가능 연봉 정보 contact가능한 연락처 사용 가능한 기술 스택? 프로젝트 github 프로젝트 참여비..

왕초보 mz완성 (react-native app) https://github.com/hyoloui/MZL GitHub - hyoloui/MZL: mz-language 100 day's compelete mz-language 100 day's compelete. Contribute to hyoloui/MZL development by creating an account on GitHub. github.com KPT 회고 Keep: 유지해야할 것 커밋컨벤션 지키기 그라운드 룰 잘 지키기 모르는 것 공유하기 지속적이고 원활한 소통하기 프로젝트를 전반적으로 잘 정리하기 Problem: 개선해야 한다고 느끼는 지점 문제 및 해결방안 Task 세분화, 관리 >> 첫 기획부터 칸반보드, 계획표를 작성해 마감기한이 설..

🎯목적 : - expo project 초기 셋업 리뷰 - 브랜치 history 리뷰 - eas update: 배포 과정 - pull request와 컨벤션을 제대로 활용한 협업 경험 🤢 오류 해결 : 좋아요 부분 UI가 다크모드 미적용으로 디버깅 - hotfix branch 활용 1. 프로젝트 초기셋업 프로젝트 시작 전 초기셋업을 내가 진행하게 되어 npx create-expo-app RN-turkey-project 명령어로 Expo 프로젝트를 셋업하여 깃허브 repository에 push 하였다 여기서 혼자 하는 프로젝트라면 eas update를 하여 깃허브와 expo 프로젝트를 연동시킨 후 작업을 하도록 하였겠지만 eas update를 미리 한다면 app.json 파일에 고유 id 가 작성되어 exp..

🎯목적 : expo 프로젝트 생성 시 빠른 세팅(expo dashboard 이용하지 않고 터미널 이용 가능) 🤢 오류 해결 : eas update:configure Error: package.json is outside of the current git repository 1. 공식 홈페이지 참고하여 RN 프로젝트 생성 https://reactnative.dev/docs/environment-setup Setting up the development environment · React Native This page will help you install and build your first React Native app. reactnative.dev 위 공식 문서를 참고해도 좋지만 간단한 명령어니 포스팅..