학습일지

코드스테이츠에서 알림이 왔다. 7월 초의 어느 날, 사전 설명회를 신청하고 참여하기도 전에 지원부터 완료했다.

앞으로의 학습방향에 대해 배웠다. 8:2의 기분으로 시작!

Javascript 기초를 학습하고 몰랐던 점을 보완했다. 추가로 궁금한 점도 정리했다.

Javascript의 기초 제어문인 조건문과 반복문, 그리고 문자열에 대해 학습한다.

마크업 언어인 HTML의 기초를 학습한다.

웹 문서를 꾸며주는 stylesheet언어인 CSS의 기초를 배운다.

HTML과 CSS의 기초를 활용하여 웹페이지의 레이아웃, flexbox에 대해 이해하고 작업할 수 있다.

이 포스트는 S1 Unit 6. HTML/CSS 활용에서 다뤘던 flexbox의 내용을 보다 자세히 정리하기 위하여 작성했습니다.

이제까지 배운 내용을 바탕으로 웹 계산기를 만들어본다.이번 유닛은 개념 위주의 학습이 아니라 난이도에 따라 계산기를 만들어 과제로 제출하는 실습 위주의 학습이었다.

개발자에게 필요한 CLI, 터미널, 패키지 매니저 등에 대해 배우고 git에 대해 실습해 본다.

배열과 객체, 그 메서드에 대해 학습한다.

javascript 원시 자료형과 참조 자료형, 스코프, 클로저, ES6 신규 문법 등에 대해 배운다.

DOM의 개념을 학습하고 Javascript로 HTML요소를 조작할 수 있다.

로컬 git repository를 다루는 방법에 대해 학습하고 실습한다.

이 포스트에는 S1의 가장 큰 과제, 미니 해커톤을 한 후의 회고를 담았다.

이번 포스트에서는 Section 1이 끝나고 배운 내용을 토대로 기술면접을 연습했습니다.

Section 1을 마친 회고입니다!

고차 함수를 학습하여 보다 복잡한 알고리즘을 직접 구현할 수 있다.

자바스크립트로 직접 객체 지향 프로그래밍을 구현하며, 객체 지향 프로그래밍의 장점과 클래스, 인스턴스, prototype 등의 개념에 대해 학습한다.

비동기와 관련있는 callback, promise, async/await에 대해 학습하고, Node.js와 관련있는 fs모듈에 대해 학습한다.

JSX, 컴포넌트에 대해 학습하고 React의 3가지 특징에 대해 이해하고 설명할 수 있다.

React SPA와 React Router에 대해 학습한다.

React의 Props, State, 이벤트 처리, controlled Component 등에 대해 학습한다.

HTTP를 이용한 클라이언트, 서버 아키텍처와 네트워크 기초 지식을 학습한다.

API의 대표적인 아키텍처인 REST API를 알아보고, Postman으로 HTTP 요청을 직접 실습(API 테스팅)한다.

React 데이터 흐름에 대해 복습하고, Effect Hook과 Ajax를 사용해 서버로부터 데이터를 받아오는 방법에 대해 학습한다.

cors가 무엇인지 알아보고 node.js를 이용하여 서버를 구축한다.

💡 이 포스트에는 Section2의 Unit 11. 미니 해커톤의 과제를 하고 회고를 정리했다!

이번 포스트에서는 Section 2가 끝나고 배운 내용을 토대로 기술면접을 연습했다.

Section 2를 마친 회고입니다!

Unit 1. [자료구조/알고리즘] 재귀: 재귀를 학습하고 연습하면서, 이를 활용할 수 있다.

UI/UX의 개념, 디자인하는 방법, 평가하는 방법, 디자인 툴 사용법을 배우며 UI/UX를 익힌다.

Unit3. [React] Custom Component: React로 프론트엔드를 구축할 때, 보다 구조적으로 코드를 작성하는 방법에 대해 학습한다.

Unit4. React 상태 관리: 프론트엔드 개발에서 React 상태 관리를 보다 더 효율적으로 할 수 있는 방법에 대해서 학습한다.

Unit5. 웹 표준&접근성: 웹 표준과 웹 접근성에 대해서 학습한다.

Unit7. 인증/보안: HTTP의 무상태성을 유지하면서, 각각의 유저에 대한 인증과 여러 인증 방식에 대해 학습한다.

💡 이 포스트에는 Section3의 Unit 8. 미니 해커톤의 과제를 하고 회고를 정리했다!

이번 포스트에서는 Section 3가 끝나고 배운 내용을 토대로 기술면접을 연습했습니다.

Section 3를 마친 회고입니다!

컴퓨터 공학의 기본인 자료구조에 대해 이해하고, 이해한 자료구조를 바탕으로 알고리즘 문제를 직접 구현하며 학습한다.

Unit2. HTML/CSS 심화: 브라우저의 동작방식에 대해서 학습하고, 반응형 웹, CSS 애니메이션, Canvas에 대해 학습한다.

프론트엔드 개발에서 번들링에 대한 개념과 이를 도와주는 툴인 webpack에 대해 학습한다.

리액트의 동작 방식과, 리액트 Hooks에 대해 배우며 리액트를 심화 학습한다.

컴퓨터와 운영체제의 이론적 지식을 학습한다.

REST API와 GraphQL의 차이 및 GraphQL을 다루는 법에 대해 학습한다.

테스트를 작성하고 테스트 통과 여부를 확인하며 개발하는 소프트웨어 개발 방법론인 TDD(Test-Driven-Development: 테스트 주도 개발)에 대해 알아보고, 실제 개발 환경에서는 어떻게 활용하는지 학습한다.

Optimization, 최적화의 개념 및 기법에 대해 배우고, 실제로 최적화 방안을 고안하는 법에 대해 학습한다.

배포를 위한 클라우드 서비스 Amazon Web Service(이하 AWS)를 이용해서 웹 애플리케이션을 배포하고 기본 개념에 대해 학습한다.

배포 자동화 개념에 대해 학습하고, 실습해본다.

코딩테스트를 대비해 알고리즘과 알고리즘을 이용하여 해결할 수 있는 문제를 다루며 문제 해결 능력을 기른다.

💡 이 포스트에는 Section4의 Unit 12. 미니 해커톤의 과제를 하고 회고를 정리했다!

이번 포스트에서는 Section 4가 끝나고 배운 내용을 토대로 기술면접을 연습했습니다.

Section 4를 마친 회고입니다!