728x90 반응형 etc24 [원티드] 첫 번째 프로젝트 회고 프로젝트 소개 첫 번째 과제는 로그인/회원가입 기능과, TODO 리스트를 구현하는 것이였다. 원티드 프리온보딩 사전과제 주어지는 조건에 맞는 프로젝트를 개발했다. 이 프로젝트는 10명의 팀원 모두 함께 진행하였고, 각자 과제를 수행한 후 결과물을 통해서 팀원들끼리 토론하여 가장 적절하다고 생각하는 방식을 도출했다. 이 프로젝트를 통해 동료와 함께 협업하는 방법을 학습했고, 다양한 관점에서 코드를 해석해보는 경험을 했다. 개발환경 테스트 환경 : Chrome browser IDE : Visual Studio Code 1.71.0 (Universal) 인프라 : Vercel 주요 라이브러리 React : 18.2.0 TypeScript : 4.9.5 React-router-dom : 6.10.0 tailwi.. 2023. 5. 8. [점핏] 프론트엔드 개발자 이야기 점핏에서 진행되는 북콘서트가 있어서 참여했다. 세션이 너무 맘에 들었고, 도움이 될 것 같아서 바로 고고! FE 개발자의 소프트 스킬과 하드 스킬 좋은 코드의 조건 1. 테스트가 용이할 것 2. 읽기 쉬울 것 네이밍이 길어도 괜찮다. 읽기 쉬운게 더 좋다. 3. 일관성 1. 테스트 코드는 가능한 부분부터 작성하자 2. 한 커밋에는 한 가지 문제만 추적 가능하게 유지하자! 3. 실험은 한 번에 하나씩만 고생 = (학습 + 프로젝트) X 2 4. 나만의 학습 루틴을 만들어두자 5. 가장 좋은 공부 방법은 교육 동료도 좋고, 러버덕도 좋고 6. 대체로 옳은 기술은 없다. 상황에 따른 선택이 있을 뿐 7. 프론트엔드 개발자는 절반쯤은 UX 전문가가 되어야 한다. 코드 너머에 사용자가 있기 때문 8. 풀스택 엔지.. 2023. 5. 1. [우테크] 개발자 원칙 제어할 수 없는 것에 의존하지 않기 – 인프랩 이동욱 프로그래머에게 요구되는 것은 100점이 아닌 80~90점짜리 프로그램을 기한 내에 완성하는 일이다. 본인만의 기준과 원칙으로 빠르게 결정 외부에서 전달 받은 값은 절대 주요키로 선택하지 않는다. 라이브러리 변화에 영향을 받는 코드를 작성하지 않기 실패를 축하합니다: 실패가 내 성장의 동력이 되려면 – 무신사 박미정 실패를 증명하기(사실만 보고, 잘한 것, 놓친 것을 적어보기) "덕업일치를 넘어서"에서 하고 싶었던 이야기 – 컬리 박성철 전문가 = 역량 * 동기 * 방향 * 협력 이때, 역량을 제외한 모든 요소는 동적요소이다! 내가 관리하는 것 정리하기 정말 너무 좋은 강의였다. 특히 이동욱님의 인프런 개발 문화가 너무 마음에 들었다. 진짜 저런 회사가.. 2023. 4. 11. 카카오 소셜 로그인(oAuth2.0) 과정 알아보기 일단 그림으로 구조를 보는게 이해하는데 도움이 된다. 공식문서를 통해 직접 읽어보는 것이 좋으나 기본적인 흐름 정리를 위해 기록했다. step1. 인가 코드 받기 1. 서비스 서버가 카카오 인증 서버로 인가 코드 받기를 요청한다. 2. 카카오 인증 서버가 사용자에게 카카오계정 로그인을 통한 인증을 요청한다. 이 때, 만약 클라이언트에 유효한 카카오계정이 있거나, 카카오톡 인앱 브라우저에서의 요청인 경우 4단계로 넘어간다. 3. 사용자가 카카오계정으로 로그인한다. 4. 카카오 인증 서버가 사용자에게 동의 화면을 출력하여 인가(동의)를 위한 사용자 동의를 요청한다. 5. 사용자가 필수 동의 항목, 이 외 원하는 동의 항목에 동의한 뒤 [동의하고 계속하기] 버튼을 누른다. 6. 카카오 인증 서버는 서비스 서버.. 2023. 3. 23. 시험 단골 문제 정규표현식 정리해보기! 2023년 프론트엔드 상반기 데브매칭에도 그렇고, 코테에서도 그렇고, 자주자주 정규표현식이 나온다. 이때마다 그냥 나중에 해야지~ 라고 미루고 미뤘지만 이젠 진짜 해야할 때가 온 것 같아서 정리를 하려고 한다. 정규표현식 정규식은 특정 검색 패턴에 대한 하나 이상의 일치 항목을 검색하여 텍스트에서 정보를 추출하는 데 매우 유용하다. 정규식을 학습한 후에는 거의 모든 프로그래밍 언어에서 동일하게 사용할 수 있다! 엔진이 지원하는 문법 버전이나 최신 특징에 따라 약간의 차이는 있을 수 있지만 말이다! flags 정규식은 보통 /abc/와 같은 형식을 사용한다. 즉, 두 개의 / 사이에 정규식을 작성한다. 두 번째 슬래쉬 뒤에 flag를 작성할 수 있다. flag를 사용하지 않으면 문자열에 대해서 검색을 한 .. 2023. 3. 6. 이전 1 2 3 4 5 다음 728x90 반응형