ChatGPT 선생님과 성장하는 독학 개발자의 기록

2024년 4월 13일 프론트엔드 요약정리 UI/UXUI(User Interface): 사용자가 서비스를 이용할 때 마주하는 디자인 요소 (아이콘, 폰트, 간격 등)UX(User Experience): 디자인 요소를 바탕으로 만들어진 서비스를 사용할 때 사용자가 겪는 경험 및 감정 UI/UX가 중요한 이유경쟁력 강화사용자들은 시장의 다양한 옵션 중에서 가장 사용하기 쉽고 유용한 제품을 선택UI/UX 디자인을 통해 경쟁 서비스와의 차별화 + 더 많은 사용자를 유치브랜드 가시성 향상잘 디자인된 UI는 사용자에게 브랜드 정체성을 각인사용자 개선직관적인 인터페이스, 명확한 플로우, 효과적인 정보 구성 등을 통해 사용자들은 쉽게 서비스 이용비즈니스 성과 향상사용자들의 만족도와 충성도가 높아지면 매출 증가 및 고객..

2024년 4월 12일 디자인 요약정리 4DDiscoverDefineDevelopDeliver User Scenario(사용자 시나리오)'Scenario(시나리오)'는 어떤 사건에 대해 구체적인 과정을 이야기 형식으로 기술한 것 'User Scenario(사용자 시나리오)'는 사용자가 다양한 맥락 속 서비스를 경험하며 목적을 달성하는 과정을 이야기 형식으로 기술한 것 Process대상이 되는 사용자에 대한 정의 (Persona 활용)사용자가 서비스를 접하게 되는 계기(목적)와 상황에 대한 정의사용자가 목적 달성을 위해 서비스와 만나는 지점들을 나열각 접점에서 수행하는 (인터렉션, 소통하는) Task를 나열각 접점을 이어주는 줄거리를 이야기 형태로 작성서비스로부터 얻게되는 가치(결론)가 무엇인지 정의 예시..

2024년 4월 9일 프론트엔드 강의 요약 REST API(Representational State Transfer API)'REST'를 기반으로 만들어진 'API' API: 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스   클라이언트가 특정 기능을 이용하기 위해 어떤 주소로 요청을 보내면 서버가 응답해주는 체계Client --- 클라이언트 입장에서 요청의 종류는 크게 4가지(CRUD) → Server REST: 자원을 이름으로 구분하여 해당 자원의 상태를 주고 받는 모든 것을 의미HTTP URL(Uniform Resource Identifier)를 통해 자원(Resource)을 명시HTTP Method(POST, GET, PUT, DELE..

2024년 4월 9일, 원티드 디자인 프리온보딩 요약 정리 주소창 등 사용자가 이용할 수 있는 이벤트 영역은 손 쉬운 사용을 위해 '하단'에 위치버튼은 보통 우측 하단에 위치하는 경우가 많으나, 오른쪽 엄지 손가락을 고려하여 좌측을 사용하는 것이 더 편리 Touch Target안드로이드, IOS 표준 'px' 기준을 지칭지문 인식 - 57px프로필 이미지 - 48px검색 아이콘 - 48px(컨테이너) / 24px(아이콘)버튼 - 48px(여백) / 36px(버튼)Toolbar Title 및 Icon - 40pxSearch Bar - 36pxButton - 44px(IOS) / 48px(Andriod) 모바일은 다른 디바이스와 달리 시간과 공간의 제약이 적으며 디자인 시, 사용자의 'Context'을 고려..

2024년 4월 6일, 원티드 프론트엔드 챌린지 요약 정리 React HookHook 장점로직의 재사용 가능 및 쉬운 관리 → 함수 안에서 다른 함수를 호출하는 것으로 새로운 Hook 생성 가능로직을 한 곳에 모을 수 있음에 좋은 가독성 Hook 사용 규칙컴포넌트 최상위에서만 Hook 사용하기 → 반복문, 조건문 함수 안에서 사용 불가여러 번 사용 가능React 컴포넌트 안에서만 사용 가능 (자바스크립트 안에서 사용 불가)상태관리 Hook - useStateconst [state, setState] = useState(value); state: 상태(변수)setState: state를 변경하는 함수value: 초기값 'useState'는 구조분해할당(비구조화 할당)으로, '비구조화할당'은 배열이나 객체 ..

2024년 4월 4일 원티드 디자인 프리온보딩 요약 정리 "정성적인" 정량적인(수치)를 선택하는 이유는 "인지도를 정확하게 파악하기 위해", "평균 구매시간을 파악하기 위해"  행동의(사람들이 무엇을 하는가)UsabilityA/B Testing 고객조사 및 아이디어조사 목적 및 개요사용자 조사의 목적을 파악할 수 있도록 작성설문 구조 요약설문지를 어떻게 구조화 했는지 파악할 수 있도록 요약주요 결과 요약주요 결과를 파악할 수 있도록 핵심적인 사항만 기재인사이트 도출결과 해석을 통한 인사이트 도출UX 전략 및 디자인 연결성 사용자 이해정량 조사(Survey) → 보다 넓은 범위로 사용자를 이해정성 조사(Interview) → 보다 깊이 있게 사용자를 이해 5 Whys?Why? → Why? → Why? → ..

2024년 4월 2일, 원티드 프론트엔드 챌린지 요약 정리 리액트를 추천하는 이유NPM 다운로드 1위가장 많은 사용자 수큰 시장방대한 커뮤니티이슈/정보들로 답을 얻어 낯선 에러 없음높은 자유도와 효율성자바스크립트 기반라이브러리로 코드 작성 및 구성 유연다른 프레임워크도 쉽게 사용 가능유리한 취업기본적인 자격 요건대부분 회사에서 요구 리액트 이전의 브라우저페이지 이동마다 'HTML 파일' 재호출 → 페이지 로딩할 때마다 서버에서 리소스를 전달받고 해석한 뒤 출력서버 성능상의 이슈 발생 → 과도한 트래픽으로 서버에 높은 부화 모던 웹앱 특성 상 사용자 인터렉션이 잦으면 상태 유지의 번거로움과 불필요한 로딩 발생으로 "비효율적" 리액트 등장메타 개발의 프론트엔드 라이브러리 → 코드를 효율적으로 관리할 목적으로..

나는 몇 달 전까지 "1일 1커밋"을 목표했었다. 많은 사람들이 자기소개서에 1일 1커밋을 강조하는 것이 유행이였고, 나 또한 그 유행에 따라 1일 1커밋을 진행했었다. 그러나, 지금은 1일 1커밋을 목표하지 않는다. 그 이유를 작성해보려고 한다. 1일 1커밋을 목표한 이유 많은 사람들이 1일 1커밋을 목표하고, 강조하였다. 한 유명한 개발자가 1일 1커밋을 언급한 적이 있었는데, 아마 그 글을 읽고 나서 많은 사람들이 1일 1커밋을 따라하기 시작한 것 같다. 나 또한, 1일 1커밋이 스스로를 성실한 사람으로 보이게 만들 수 있겠다는 생각이 들어 1일 1커밋을 목표하게 되었다. 그러나, 어느 순간 의도하지 않게 무의미한 커밋을 하게 되는 것을 느꼈다. 1일 1커밋을 중단한 이유 매일 커밋을 해야 한다는 ..