Today Hailie Learned

채용 불황에도 개발자 중고신입으로 취업하는 법

보호되어 있는 글입니다.

인스타그랩은 메타가 2조원에 인수했을 당시 전 직원이 20명도 안되는 규모였다. 1년 만에 1조 원의 가치를 만든 클럽하우스는 전 세계 가입자가 수백만 명으로 증가할 때까지 개발자가 단 세명뿐이였다.  내가 정의하는 개발자의 모습은? 생각해보기=> 문제를 파악하고 문제를 해결하고 해결 방법을 공유하는 자 똑똑하게 질문하는 전략1. 성의있게 질문하기ex) 현재 A기능을 구현 중인데 사파리에서 사용자가 링크를 클릭하고 화면을 새로 고침해도 로딩 바가 계속 남아 있는 문제가 있습니다. 로컬 환경에서는 잘 동작하는데 베타로 배포한 페이지에서는 계속 문제가 발생합니다. 제가 생각한 원인은 00인데 생각보다 잘 해결되지 않습니다. 사용하는 라이브러리를 디버깅해봐야할까요? 아니면 다른 원인이 있을까요? 2. 스타일보..

✔️ 3주차 과제에서 피드백 받은 내용과 배운 내용 ■ 처음 랜더링이 되고나서 해당되는 데이터가 어느 데이터인지 색으로 표시해야한다. 해결방법 => 서버에 보내주는 데이터가 index 0부터 시작하니까 서버에 요청하는 데이터 역시 index 0부터 시작해야한다. ■ 서버에서 받은 데이터 중에 [object Object]로 나타는 문제가 있었는데 그 문제가 초기 상태를 빈 객체로 설정해서 나온 문제였다. (실제로는 '문자열'임) 만약 서버에서 받은 데이터가 실제로 객체 형태라면 JSON.stringfy로 묶어주면 된다. ■ input 태그에서 value와 defaultValue의 차이 역할은 같다. value는 값이 변하지 않을 때 사용. value를 사용한다면 readOnly 속성을 true로 설정하면 ..

✔️ 2주차 과제에서 피드백 받은 내용 차트를 chart.js 파일로 컴포넌트로 따로 관리한 점이 좋음. html/css로 구성된 파일을 리액트로 구현할 때 class를 className으로 꼭 바꾸기!! 기존의 a 태그에 있던 html 경로를 기본 경로인 /로 바꾸기. ✔️ 3주차 실무 PT 주제 동적 화면 구현을 위한 React의 state/props + useState와 useEffect ✔️ 이번 주 수업을 통해서 배운 점 ■ State와 Props state - 컴포넌트 안에서 관리 되고, 바뀌는 동적인 데이터 (= 변수) 변하는 값은 상태에, 변하지 않는 값은 그냥 변수로 선언해서 사용하는 것이 좋다! Props - 컴포넌트 간에 전달되는 데이터 (부모->자식 단방향 흐름) 자식에서 부모 컴포..

✔️ 1주차 과제 refactoring 요구사항이 한 페이지로 구성된 애플리케이션이지만 혹시 모를 페이지 확장성을 염두하였고, components 폴더에 한번에 파일을 추가하는 것보다 자주 쓰이는 컴포넌트를 common 폴더에 넣고, 그 외 추가될 페이지마다 폴더를 생성해서 컴포넌트를 정리하면 더 깔끔한 폴더구조를 가질 수 있다고 생각해서 수정하였습니다. ✔️ 2주차 실무 PT 주제 React 스타일링 방법과 반응형 웹 적용 ✔️ 이번 주 수업을 통해서 배운 점 ✦ 요구사항 정의서 요구사항 정의서를 작성할 때는 데이터를 주고 받는 부분을 자세하게 적어주어야한다. 1. 클라이언트 단에서 어떤 버튼을 누르면 데이터를 받아올건지 추가해주기 2. 어떤 데이터가 어디에 쓰이는지 적어주기 ✦ CSS 모든 HTML ..

부트캠프를 통해 프로젝트를 경험했지만, 더 나은 코드를 위해 고민하는 시간이 길었습니다. 폴더 구조를 어떻게 나누면 좋을지, 클린 코드는 어떻게 짜면 될지 이 해답을 위해서 다른 분들의 레파지토리를 참고하기도 했습니다. 그리고 제가 짠 코드를 리뷰를 받고 싶은 마음에 코멘토 실무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. 최대한 많은 자료 수집하기 (채용 공고, 도서, 컨퍼런스, 깃헙 등등) 새로운 기술을 처음 배울때는 만들거나 제안한 사람의 글, 문서 위주로 학습하는 ..