Frontend 개발자 - hyo.loui

📝 WIL: Weekly I Learned Work done this week 이번 주 끝낸 일! 면접 질문 준비 = 목터뷰 활용, 개인 노션 정리 (면접 질문 스터디) 면접 2번 = 신입 면접 질문 포스팅 (면접 질문 공유) 매일 알고리즘 문제 풀이 = 프로그래머스 ( 매일 2문제 ) Study review 알고리즘 문제를 풀면서 느끼는 것은 조금 중독이 되어가고 있다. 문제를 마주하고 내가 세운 가설을 풀어나가는 과정에서 오는 카타르시스와 해결 후 뿜어져 나오는 도파민이 엄청났다. 하지만 전부 좋은 방법으로 해결하는 것은 아니였다. 다른 사람의 문제풀이를 보고 더 좋은 방법이 많이 있어서 마치 코드리뷰를 하는 효과를 볼 수 있다. 때문에 알고리즘 풀이를 하는 개발자라면 꼭 다른 사람 풀이를 보는 것을..

❤️‍🔥TIL : Today I Learned React v18.0 원티드 프리온보딩 프론트엔드 챌린지 질문에 대한 답변입니다. 1. React Lifecycle에 대해 간단히 설명해주세요 React Lifecycle은 컴포넌트 생성, 업데이트, 소멸할 때 일어나는 과정입니다. ( Mount - Update - Unmount ) Mount componentDidMount : 컴포넌트가 마운트 된 후에 호출됩니다. DOM 노드에 접근하거나 외부 데이터를 가져오는 등의 초기화 작업에 사용됩니다 Upadate componentDidUpdate: 컴포넌트가 업데이트 된 후에 호출됩니다. 이전과 현재의 props나 state를 비교하여 필요한 업데이트를 수행합니다. Unmount componentWillUnmo..

❤️‍🔥TIL : Today I Learned strict mode 모던하게 javscript 코드를 작성하기 위해서는 strict mode(엄격 모드) strict mode란? function callMyName () { me = 'seung hyo'; } callMyName(); console.log(me); // ? 위 코드에서 자바스크립트엔진이 어떻게 동작할까? 1. 선언하지 않은 me 변수에 값 'seung hyo'을 할당했다. 2. js엔진은 me 라는 변수가 어디에 선언 되었는지 스코프 체인을 통해 검색한다. 3. callMyName 함수의 스코프에서 me 변수의 선언을 검색한다. 4. 검색에 실패한다. 5. me 변수를 검색하기 위해 callMyName 함수 컨텍스트의 상위 스코프(전역 스..

❤️‍🔥TIL : Today I Learned yarn vs npm 우선 둘은 가장 활발하게 사용되는 자바스크립트 런타임 환경인 node.js의 프로젝트 '패키지 관리자' 이다 yarn yarn 설치 npm npm 설치 둘의 차이점 yarn 페이스북에서 개발한 패키지 관리자 이며, 리액트 와 같은 프로젝트를 진행하며 격는 어려움을 해결하기 위해 개발하였고, npm 레지스트리와 호환 하면서 속도, 안정성 측면에서 npm 보다 향상 되었다. 페이스북 아티클 https://engineering.fb.com/2016/10/11/web/yarn-a-new-package-manager-for-javascript/ Yarn: A new package manager for JavaScript In the JavaScr..

❤️‍🔥WIL: Weekly I Learned 이번 주 한 일 티스토리 포스팅 = 매일 TIL 일지 첫 Project - fanpick = 프로젝트 완성 (기획 > 프로그래밍 > 배포) Project review 또 느낀다.... 하루가 너무 짧다... 우선 회의를 통해 머리를 맞대고 SA 를 작성하며 기획을 했고, 우선적으로 난 팀원들이 같이 문제없이 작업 할 수 있도록 Git, github 'repository' 를 생성하고 팀원들을 합류시켰다. 프로젝트 키워드는 ' 팬 커뮤니티 서비스' 로 정해서 프로젝트 네임은 'fan pick' 으로 결정 되어 컨셉을 잡고, 레퍼런스 사이트도 정했다. 너무 감사하게도 창순님이 디자인 전공이셔서 와이어프레임 / 러프디자인 을 맡아주셔 첫 진행부터 수월하게 진행되었..

더보기 ❤️‍🔥TIL : Today I Learned try...catch 개발을 하다보면 누구나 에러를 만나고, 또 누구라도 에러가 생기기 마련이다. 이러한 에러로 인해 다른 구문이 실행이 안되는 상황이생겨, 렌더링을 마무리하지 못하게 된다. if/else 문을 통해 예외 처리를 할 수 있지만 모든 개발자가 수많은 에러를 예측하기 쉽지는 않다. 그래서 우리는 try...catch 를 통해 코드가 중단되는 것을 방지하고 에러의 예외처리를 해놓는다면, 더 안정적인 코드를 작성할 수 있다 try(시도) 하여 에러가 발생하면 try(잡는) 문법 이다. try{ //실행될 코드 } catch (error) { //에러 발생 시 실행할 코드 } 그래서 if/else 를 사용하는 것 처럼 try 와 catch 라는..

❤️‍🔥WIL: Weekly I Learned 이번 주 한 일 티스토리 포스팅 = 매일 TIL 일지 협업을 위한 Git 활용 = 강의 완주 자료구조, 알고리즘 KDT 실무형 프론트엔드 엔지니어 = 청취중(3주차) Project S.A 작성 react A반 10조(부드라미조) 알고리즘, js-spa, database, cs기초 특강 청취 study review 벌써 or 아직 3주 차(?) 사실 12시간이 정식 출석이지만 이 시간도 모자라다... 하루가 너무 짧다... 사실 첫 개강 후 웹 개발 종합강의 5주차를 3일 동안 미친 듯이 완강해서 자신감이 솟았다. 틈틈이 유튜브 강의, 노마드코더님 강의와 (https://nomadcoders.co/javascript-for-beginners) 작고 소중한 현업..

S.A (Starting Assignments) 💾 Project : 팬PicK 제목 ✔ 와이어프레임 ✔ 기능 분류 ✔ 📝 첫 번째 회의 내용 프로젝트 서비스 키워드 : 스터디(채팅) 새상품(거래) 사이드프로젝트(매칭) 반려동물(커뮤니티) 챌린저스(매칭) 🚩팬(커뮤니티) * 투표하여 선정 제목 프로젝트 네임 : 홍보팬 팬결고리 🚩팬Pick - fix * 투표하여 선정 💡 참조 레퍼런스 #팬픽 : 스타와 팬이 함께하는 공간 #팬픽 : 스타와 팬이 함께하는 공간 shopfanpick.com Disquiet* Disquiet* IT 서비스 메이커들의 소셜 네트워크. 디스콰이엇에서 서로의 프로젝트를 공유해 보세요! disquiet.io velog velog 디자인 저작권 문제로 디자인은 올릴 수 없지만 내가 보..