Frontend 개발자 - hyo.loui

📝 WIL: Weekly I Learned Work done this week 이번 한 일! Project : Codefolio = 프로젝트 진행중 ( 폴더링, 중간 발표, KTP 회고 ) 배운 내용 컴포넌트 별 작업 후 페이지에 적용 supabase 연동하여 서버통신 Next에서의 dev dependency array Project review 테스크 관리, 프로젝트 프로세스가 잘 진행되는 깊은 팀 프로젝트 경험을 하고 있습니다. 더욱 발전 되도록 기여하고 싶습니다! 3주차 중간 발표 튜터님 피드백 최종 발표시 + 부가설명이 필요. readme 데이터 모델링 추가. 트러블 슈팅 아주 칭찬합니다. 버그 개선하여 최종 발표까지 준비 잘 하길. 중간 발표에서는 캠프 측에서 7분의 발표시간을 꼭 준수해달라고 ..

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..

🎯목적 : DropDown componenet 생성 > 개선 PostTitle componenet 생성 1. DropDown Layout 만들기 const DropDown = ({ defaultValue, options, }: DropDownProps) => { const handleChange = (e: React.ChangeEvent) => { e.preventDefault(); }; return ( {options.map((option) => ( {option} ))} ); }; export default DropDown; prop 으로 전달받은 defaultValue / options 를 활용해 select-box로 보여주는 컴포넌트를 작성했다. 처음엔 라이브러리를 가져와서 활용하려고 했으나, t..

🎯목적 : 코드 컨벤션 유지를 위해 ESLint와 prettier를 사용하여 초기세팅, 과정 기록 🤢 오류 해결 (as-is to-be): ESLint function declaration ESLint 적용시 단언문 (!) 경고 메세지 1. ESLint 대부분의 개발자들은 eslint를 사용하지 않고, prettier에 의존하여 코드를 작성한다. eslint 는 코드 퀄리티를 보장하도록 도와준다. 예시로는 react에서 컴포넌트 선언을 arrow function 으로 지정하고, 어떤 파일에서 일반함수로 되어있다면, 에러를 발생시켜 코드 컨벤션이 통일이 되도록 유도한다. 이 과정은 prettier 처럼 '파일 저장' 했을 때와는 다르게 lint 를 run 해야 동작한다. npm install -D esli..

왕초보 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 프로젝트 생성 시 빠른 세팅(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 위 공식 문서를 참고해도 좋지만 간단한 명령어니 포스팅..

❤️‍🔥WIL: Weekly I Learned 이번 주 한 일 티스토리 포스팅 = 매일 TIL 일지 react 심화 강의 청강중 = redux-toolkit / axios / thunk Project - helprogrammers = 프로젝트 진행중 (기획 > 프로그래밍 > 배포) Project Start 이번 프로젝트의 기획은 help + programmers 의미를 가진 프로젝트였다 알고리즘 공부 중 어려움이 생겼을 때, 도움은 받고싶지만.. 정답이 알고싶은게 아니다 어떠한 키워드나 작은 힌트를 얻어서 '내 스스로 풀고싶은 욕구' 그게 프로젝트 핵심 이다. 상세 페이지 : question 질문에 대한 CRUD 였다 create : 게시글 생성 read : 게시글 읽기 update : 게시글 수정, 업..

S.A (Starting Assignments) helprogrammers 💡 프로젝트 제목 : 헬프로그래머스 ( 헬프 + 프로그래머스 ), ( 헬 + 프로그래머스 ) 프로젝트 간단 설명 : 알고리즘 문제를 어려워하는 내일배움캠프 대원 분들을 위해 질문을 게시하고, 댓글로 힌트를 주고 받을 수 있습니다. 핵심은 댓글이 가려진 상태로 원하는 수준의 힌트만 열어볼 수 있습니다. 아이디어 Goal 점심메뉴 공유 사이트, 뭐먹지@DRAM 프로그래머스, 알고리즘 Q&A @영진 최 ———————채택🎉 자취러 필수템/꿀팁 공유, 커뮤니티 @강익 손 [리액트 A-4조 프로젝트 개요] 화이트보드 💡 여기저기 돌아다닐 필요 없이 프로젝트 내부 자료를 이곳에 모아 한눈에 확인할 수 있습니다. 🔁 다이어그램을 활용한 워크 플..