목표 1년안에 프론트엔드 개발자로 성공하기 자기주도 학습을 통한 공부 습관 기르기 ( 매일 TIL 작성) 연봉 3600이상 취업 Keep 1. 블로그로 기록하는 습관 2. 공식 문서 찾아보는 습관 Problem 1. 핸드폰 사용 시간이 너무 김 2. 빈번한 친목활동 3. 낮잠 자는 습관 4. 주말에 공부를 안함 5. 아침에 잘 일어나지 못함 Try 1. 낮잠 안자기 ! 피곤해도 참고 일찍자기 ! (침대에 누워있는 시간은 잠 잘때만 ! ) 2. 주말에 공부하기 ! ( 4시에 퇴근 후 저녁 먹은 후 부터 복습하기 ) 3. 핸드폰 사용시간 정해두고 하기 (불필요한 어플 제거하기 ) 지난 섹션을 마무리하며 썼던 회고와 비교하자면 Keep 이 줄고 Problem 이 많아졌다 .. 즉 이번 섹션에서는 열심히 했다고..
코드스테이츠
JavaScript Hoisting과 Temporal Dead Zone이 어떻게 연관되어 있는지 설명하세요. React Virtual DOM이 무엇이고, Virtual DOM이 어떤 면에서 좋은가요? Class Component와 Function Component의 차이점이 무엇인가요? React Hook의 사용 규칙에 대해 설명하세요. 자료구조 Stack과 Queue의 차이점은 무엇인가요? Tree와 Graph의 차이점은 무엇인가요? 이진 탐색 방법에 대해 설명할 수 있나요? 타입스크립트 TypeScript는 정확히 무엇이며 JavaScript와 어떻게 다른가요? TypeScript를 사용할 때 어떤 장단점이 존재하나요? TypeScript의 인터페이스를 설명해 주세요. 위의 질문 목록중 카테고리 별 ..
오늘은 타입스크립트를 공부한지 따끈따끈한 2일차가 되는 날이다 ! 타입스크립트 문법 중 열거형 ,인터페이스 ,타입 별칭에 대해 배우고 익혔다. 헷갈렸던 부분이나 다시 알아두면 좋을 부분에 대해 정리해볼것이다 ! 타입스크립트 열거형 (Enum) 특정 값의 집합을 정의할 때 사용됨 , 문자형 열거형과 숫자형 열거형을 지원 enum Color { Black, Red, Green, } 위의 예시에는 Color 라는 열거형을 정의하고 값으로는 Black, Red, Green 세개의 값을 가짐 숫자형 열거형 디폴트 값으로 숫자형을 사용하며 값은 자동으로 0 부터 1씩 증가하는 형태 , 또한 값을 수동으로 지정할 수도 있음 enum Color { Red = 1, Green = 2, Blue = 4, } 문자형 열거형..
오늘은 타입스크립트를 공부한지 1일차가 되는 날이다 ! 오늘은 타입스크립트에 대한 개념과 여러가지 문법에 대해 공부해보았다. 공부한 것을 토대로 블로깅을 해볼것이다 ! 타입스크립트 ? 자바스크립트에 정적타입 검사와 클래스 기반 객체 지향 프로그래밍 등의 기능을 추가하여 개발된 언어 타입스크립트가 왜 필요한가 ? 자바스크립트는 동적 타입이 결정되어 유연하고 다양한 라이브러리와 프레임워크를 사용할 수 있는 장점이 있지만 타입의 명시성이 부족하다는 단점이 존재함. 예를 들어 문자열과 숫자를 더하여 문자열이 되는 것 처럼 타입을 명시적으로 지정하지 않아도 동작하는 경우가 많아 예기치 못한 결과를 초래함 -> 이를 해결하기 위해 타입스크립트가 등장하게 됨 ! 타입스크립트 Type Boolean(불리언) 타입 가..
지난 5일간 솔로 프로젝트로 'Coz shopping'을 제작하였다. 사실 나는 리액트를 사용해서 처음 프로젝트 셋팅부터 개발까지 프로젝트를 만들어 본 경험이 없었다. 따라서 이번 솔로프로젝트는 나에겐 새로운 도전이었다. 프로젝트 계획 개발에 들어가기에 앞서 프로젝트의 요구사항을 분석하고 플래닝하는 단계를 가졌다. 애자일 방법론에 대해 학습하고 그 중 스크럼 방식을 채택하여 프로젝트 계획을 짰다. 도구로는 깃허브에서 제공하는 기능을 사용하였다. 사실 계획을 짜는데 있어서 카드를 생성할 때 어느정도로 기능을 나누어 작성해야하는지 , 어떤 기준으로 카드를 나누어야 하는지 감이 잡히지 않았다. 그래서 일단 페이지 별로 카드를 먼저 나누고 그 안에서 중복적으로 페이지에 들어갈 기능들은 따로 빼서 카드로 작성했다..
Stack 에 대해 공부를 하고 Stack 문제로 유명한 유효한 괄호쌍 문제를 풀어보았다. 사실 예전에 비슷한 문제를 풀어본 적이 있어서 수월하게 풀 수 있을 줄 알았는데 1시간정도가 걸렸던 것 같다... 너무 기만했던 거 같고 다시 한번 풀어보면서 정리를 해봐야겠다. 문제는 코드스테이츠에서 제공하는 코플릿 문제를 풀었다. ( 아래에 해결과정과 느낀점이 있습니다 ) 문제 설명 입력된 괄호 값들이 모두 쌍이 맞게 올바른지를 판단해 모두 쌍이 맞으면 true 그렇지 않으면 false를 출력하세요. 입력된 괄호 값들이 유효한 경우들은 다음에 해당합니다. 1. 열린 괄호는 같은 타입의 닫힌 괄호로 닫혀있어야 한다. 2. 열린 괄호는 올바른 순서대로 닫혀야만 한다. 3. 모든 닫힌 괄호는 그에 상응하는 같은 타입..
redux가 아직 감이 잘 안잡혀 반딧불반에 오게 되었다 ..ㅎㅎ 오늘은 Redux 실습인 cmarket_redux를 다시 풀어보고 의사코드를 작성해 볼 것이다. 문제 Bare minimum requirements Action, Reducer를 직접 작성하고 테스트 케이스를 통과합니다. 테스트 케이스 순서대로 과제를 진행해 주세요. Getting Started 다음 Cmarket Shopping App은 Create React App으로 만든 React 애플리케이션에 Redux를 붙인 구조입니다. 아이템 리스트 페이지(ItemListContainer)와 장바구니 페이지(ShoppingCart) 총 두 페이지로 간단하게 구성됩니다. Store의 initial state에는 전체 아이템 목록(items), ..
정말 힘들었던 섹션2가 끝났다 .. 섹션1 때는 그래도 기존에 알고있던 지식들도 있어서 크게 공부를 따라가는데 어려움이 없었다. 섹션 2에 들어와서 리액트라던지 , 서버를 만든다던지 , 서버와 통신한다던지 어려운 개념들을 다뤘던 것 같다. 앞으로 더 어려워 질테지만 !! 그래도 얼렁뚱땅 섹션2까지 마무리를 했다 ... ! (나 자신 칭찬해!!!!!!!!!!!!!!!!!!) 물론 완벽하게 섹션2를 통달했다고 말할 순 없지만 그래도 백엔드와 소통하면서 프로젝트를 잘 진행할 수 있을 것 같다 ! 예전 졸업프로젝트로 백엔드와 나누어 프로젝트를 진행했었는데 그 때는 URL , URI , fetch 등등.. 뭔지도 제대로 모르는 상태에서 무작정 구글링을 통해 0부터 100까지 한번에 뛰어 넘으려고 했던 것 같다. ..
두괄식으로 설명하기 , 적절한 예시 들기 ,추측성 단어 사용 금지 이 글은 짧은시간안에 작성한 글이므로 완벽한 면접 대답을 쓴 것은 아니고 개념에 대한 포괄적인 정리를 한 글입니다 !! JavaScript Promise의 기능과 필요한 이유에 대해서 설명해 주세요. 프로미스는 비동기 작업을 처리하고 결과를 다루기 위한 객체입니다. 여기서 비동기 작업에는 주로 서버에서 데이터를 가져오거나 파일을 읽거나 타이머 함수를 사용하는 등의 작업을 의미합니다. ( 예를들어 fetch API 를 활용하여 json파일을 불러오는 과정이 비동기 작업이라고 할 수 있습니다. ) 처음에는 이러한 비동기 작업을 처리하기 위해선 콜백함수를 중첩하여 사용하였습니다. 예를들어 서버에서 데이터를 가져와서 처리한 후 화면에 출력하는 코..
