Today Hailie Learned

부트캠프를 통해 프로젝트를 경험했지만, 더 나은 코드를 위해 고민하는 시간이 길었습니다. 폴더 구조를 어떻게 나누면 좋을지, 클린 코드는 어떻게 짜면 될지 이 해답을 위해서 다른 분들의 레파지토리를 참고하기도 했습니다. 그리고 제가 짠 코드를 리뷰를 받고 싶은 마음에 코멘토 실무PT를 신청했습니다. 진행은 현직 프론트엔드 개발자 멘토님이 준비한 내용을 수업 형식으로 듣고 과제를 하고 제출한 뒤 피드백을 받는 식으로 진행됩니다. 기간은 총 4주로 4번의 강의와 3번의 과제로 진행됩니다. ✔️ 1주차 실무 PT 주제 React로 기획의도 맞는 기능 구현하기 ✔️ 이번 주 수업을 통해서 배운 점 ✦ 개발 플로우 기획 문서 작성 👉 화면설계서, 플로우차트 (시스템 흐름도), 프로세스 정의서 디자인 문서 작성 👉..

면접을 보면서 내가 아는 내용을 다른 사람에게 말로 제대로 설명하는게 생각보다 어렵다는 걸 알고나서 제대로 알아야겠다고 생각했습니다. 그래서 자바스크립트는 Deep Dive 책으로, HTTP 기본 개념은 인프런 강의로 지식을 채워나가고 있습니다. 그 외 부분은 두루두루 넓게 아는게 우선인 것 같아서 노마드코더 챌린지로 IT 기본 지식을 공부하고자 합니다. 이 책을 통해 얻고 싶은 것 IT 기본 지식 습득해서 당당한 웹 개발자 되기 이 책을 읽고 추가로 공부한 것 인터프리트 언어(interpreted language)와 컴파일 언어(compiled language)의 차이 => 인터프리터 언어는 빌드과정이 없이 바로 고급언어에서 한줄 씩 읽어서 실행합니다. 반면에 컴파일러 언어와 같은 C, Java는 .c..

1. 맥락 이해하기 쉬운 변수명으로 통일 참고 타입별 변수명 boolean : is-, has-, can-, ... function : get-, handle-, submit-, … array : -s (ex. users.map(user ⇒ user.id)), … 피해야 할 변수명 data, info, foo, user1, mdhms, … 이벤트 함수나 api 함수명을 ~ handler로 통일했습니다. onSubmit => submitHandler changeButton => changeButtonHandler handleEdit => editHandler handleDelete => deleteHandler 2. typescript에서 'any' 없애기 Axios의 interceptors 라는 기능을 ..

결론 : 타입스크립트를 사용하는 개발자들이 늘어나고 있다! 타입스크립트가 자바스크립트를 제치고 프론트엔드의 새로운 표준일 될수도 있다! 👉 타입스크립트 시작해보자!!

강의자 : 모모 Heli Aaron kakaopay software engineer 카카오페이와 카카오뱅크의 차이점 카카오페이는 법적으로 금융회사가 아니다. 서비스 개발 조직과 플랫폼 개발 조직의 차이 공부는 하는데 성장했는지 잘 모르겠어요.. 개발 역량 강화를 위한 도서 - 리팩터링 2판 - 구글 엔지니어는 이렇게 일한다 성장은 두가지 관점에서 볼 수 있다. 비즈니스에서의 성장 : 회사 입장에서의 성장 (매출 확대, 비용 감소, 사업 확장) 개인의 성장 : 나의 목표 (풍부한 기술 경험, 깊이 있는 학습, 다양한 협업) 개인 성장을 위한 목표 설정 1. 최대한 많은 자료 수집하기 (채용 공고, 도서, 컨퍼런스, 깃헙 등등) 새로운 기술을 처음 배울때는 만들거나 제안한 사람의 글, 문서 위주로 학습하는 ..

국비 부트 캠프 수료 후 취업을 위해 포트폴리오를 만들었습니다. 사용한 기술과 기능들을 정리해보았습니다. ⭐️배포 링크: https://portfolio-hellohailie.vercel.app/ 📚사용한 기술 Next.js : 처음 방문했을 때 빠르게 로딩이 되면서, 포트폴리오가 검색이 잘 되면 좋겠다는 생각에 Next.js를 사용하였습니다. tailwind CSS : 쉽게 반응형 웹을 만들고자 했기 때문에 tailwind CSS를 사용했습니다. class에 설정을 하면 되기 때문에 파일을 따로 설정할 필요도 없고, 화면을 위,아래로 번갈아가면서 개발하지 않아도 되서 좋았습니다. 💡getStaticProps 함수를 활용한 Notion API 연동 Nextjs의 경우 사전 렌더링(pre-rendering..

11월8일에 원티드가 주최한 컨퍼런스 정리 & 후기 입니다. 프론트엔드 파트와 실무 상 어려움을 겪는 질문에 대해 정리했고, 모든 답변을 정리하지는 않은 점 참고해주세요. 프론트엔드 (셀러웹프론트엔드개발팀 김정환 님) Q. 제조 B2B 솔루션 회사에서 FE 개발자로 재직중입니다. FE개발자의 전문성은 성능개선, SEO, UI/UX 관련 능력이라고 생각하는데, 현재 회사에서는 FE 개발자에게 기능 구현 정도의 수준만 요구해 전문성을 쌓을 수 있을지 고민입니다. B2B 회사 내에서도 FE 개발자로서 커리어를 잘 쌓을 수 있는 방법이 있을지, 아니면 B2C 회사로 이직을 해야할 지 고민입니다. A. 보통의 회사에서는 코드 개선하는데 소요되는 시간까지 주지 않는다. 기능 구현에만 매달리게 된다면 유지보수하기 어..

전직을 위해 프론트엔드 개발 부트캠프를 수료하고 처음으로 이력서, 자기소개서를 준비하면서 어려운 점이 많았습니다. 이 책을 통해서 기본적인 글쓰기 구조를 잡는데 도움을 받았다는 이야기를 듣고 책을 읽고 정리한 글입니다. 이 책을 통해 얻고 싶은 것 내가 왜 개발자가 되고 싶은지 명확하게 이야기하기 부트캠프에서 무엇을 배웠는지 명확하게 이야기하기 내가 어떤 것을 잘하는지 설득하기 면접 준비 잘하기 좋은 일자리 찾기 입사 후에도 커뮤티케이션을 잘하는, 일 잘하는 개발자 되기 1장 왜 하버드대학교는 글쓰기에 매달릴까? 원격 업무 등 비대면 업무가 자리 잡는 포스트 코로나 시대에는 핵심을 빠르게 전달하고 원하는 반응을 요청하고 설득하여 상대를 내가 원하는 방향으로 움직이게 만드는 능력이 중요해졌다. 글쓰기는 사..

1. 프로젝트 설명 프론트엔드 2명, 백엔드 2명 총 4명이 이 프로젝트를 만들었습니다. 이 프로젝트가 취업에서 아주 중요한 역할을 할 것이기 때문에 모두 열정을 가지고 처음부터 끝까지 달려왔기에 무사히 끝마칠 수 있었습니다. 프로젝트 전, 정말 많은 아이디어가 나왔는데 최종적으로 반려견에게 산책 친구를 만들어줘서 강아지의 사회성을 길러주고, 산책으로 동네 친구를 사귈 수 있는 일석이조라는 긍적적인 측면에서 "PuppyBuddy"가 채택되었습니다. ⭐️배포 링크: http://seb39-main-019-front.s3-website.ap-northeast-2.amazonaws.com/ ⭐️gif 기능 시연 링크 : https://codestates.notion.site/PuppyBuddy-79487fea..

보호되어 있는 글입니다.