Today Hailie Learned

얼마전 서울가족플라자에서 진행하는 '주니어 개발자'를 위한 세미나에 다녀온 후기와 내용을 정리하려고 합니다.    첫번째 세션의 주제는 '변화하는 업무환경에서 나의 역할을 만들어가는 법'을 탁다임 원티드 백엔드 개발자께서 발표해주셨고,두번째 세션은 '개발자로 롱런하는 방법: 문제점을 발굴할 수 있는 개발자'라는 주제로 김나영 뱅크샐러드 프론트엔드 개발자께서 발표해주셨습니다.    저녁 시간에 하는 세션이라서 샌드위치와 음료까지 준비해주셔서 든든하게 세미나를 들을 수 있었어요!   첫번째 세션을 한줄로 요약하자면,  나만의 경쟁력을 키우는게 중요한 요즘, 인원이 줄어들면서 개발자 1인이 커버해야하는 일의 폭이 넓어지고 있다. 나만의 엣지를 만드는걸로 살아남자!  나를 돋보이게 해야한다.    면접관은 문제..

개발자로서 알고리즘 공부는 놓을 수 없는 것임을 알고는 있지만 공부하는 것이 쉽지 않아서 고민을 하던 중이였는데 운 좋게 "그림으로 이해하는 알고리즘"이라는 책으로 공부할 수 있는 기회가 생겨 블로그로 정리합니다.  책 표지는 형광 노랑으로 되어 있어서 책상 옆에 두기만 해도 시선이 저절로 가서 공부할 수 밖에 없게 만든게 특징 같아요ㅎㅎ    책에는 알고리즘의 기본, 데이터 구조, 정렬, 배열 탐색, 그래프, 보안 알고리즘, 클러스터링, 데이터 압축, 그 외 알고리즘 순서로 정리되어있습니다. 코딩 테스트 및 업무 상 알아야할 알고리즘과 자료 구조는 여기서 다 공부 할 수 있을 것 같아요.  그리고 이 책의 특징이 '알고리즘 도감'이라는 어플리케이션을 책으로 만든거라 책과 어플을 함께 이용해서 공부하면 ..

블로그로 다녀온 후기를 바로 적지 않으면 작년 인프콘을 다녀오고도 아무런 흔적을 남기지 않게 될까 이번에는 바로 정리하게 되었습니다. ㅎㅎ 유튜브로 feconf 영상을 보며 팀원들과 공유하는 시간을 가졌던 때가 있었는데 이번에는 운 좋게 직접 그 현장에서 개발 열기를 느끼고 왔습니다.   세종대 광개토회관에서 진행되었는데, 후문으로 가서 좀 많이 헤맸습니다.. ㅎ   이번 세션의 타임테이블 입니다. A, B, C로 나뉘어서 시간대 별로 세션이 진행되었습니다. A와 B 세션은 나중에 유튭으로 편집본이 나오기 때문에 (유튭 실시간 영상으로도 나오는 걸로도 알고 있습니다...) Lightning Talk 위주로 듣기로 마음을 먹었습니다.  작년 인프콘의 경우에는 세션은 2개만 듣고 이벤트 부스에서 모든 굿즈를..

나를 지킨다는 것은 나를 , 내 감정을, 내 삶을 제대로 바라볼 줄 알고 이해하는 것이다. 나를 이해하고 품어줄때, 어떤 상황이 와도 나 자신을 제대로 지키는 법을 스스로 찾아낼 수 있다. 이런 과정이 바탕이 되어야 우리는 비로소 자신을 둘러싼 상황을 객관적으로 바라보게 되고, 다른 사람을 이해하고 받아들이게 되며, 대처할 수 있는 여유가 생긴다.  사람들은  좋지 않은 상황이 닥치면 원인을 찾으려고 한다. 내부요인이라 하여 나에게서 원인을 찾기도 하고, 외부요인이라 하여 타인이나 환경에서 원인을 찾기도 한다. 자꾸 나에게서 원인을 찾다보면 분노의 화살이 나에게로 향하면서 우울감이 찾아온다. 굳이 원인을 찾으려 들지 않아도 된다. 내가 잘못된 게 아니다. 나는 지극히 정상이다. 자책하지 말자.  지금 상..

7월 30일, 패스트 캠퍼스에서 진행하는 CampCON에 참여하고 기록으로 남깁니다.  1부 십수년째 고군분투, 프론트엔드 개발자 생존 매뉴얼연사: Dable FE leader 김태곤2003~ 개발자, 2006~ 프론트엔드 개발자취업 1. 직군에 맞는 기술셋 강조직무 전환이라면 더 강조해야한다. 어떤 노력을 해왔는지. 2. 오타, 깨진 링크를 다시 보자 (이력서 링크) 3. 숫자는 다다익선무엇을 얼마나? 변화를 일으켰는지.그래서 비용은 얼마나 아꼈는지.테스트 작성해서 테스트 커버리지 얼마까지프로젝트 나열에서 나의 기여도와 나의 역할을 말해주자. 어떤 어떤 일 했고, 어떤 책임이 있었는지 4. 님아, 그 블로그는 쓰지 마오이력서의 레퍼런스는 꾸준히 관리되어야 한다. 깃헙이나 블로그를 기술적 성찰, 꾸준함을..

보호되어 있는 글입니다.

인스타그랩은 메타가 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 ..