Homile

📗 오늘 학습한 내용

프로그래머스 LEVEL.1 1문제 풀이

• 콜라 문제
  • 쉬운 문제였지만 while문의 조건을 잘 못 작성해서 실패를 많이했다.

프로그래머스 LEVEL.2 3문제 풀이

• 2진 변환 반복하기
• 올바른 괄호
• 숫자의 표현

기술면접, 일반면접 준비

TypeScript 학습

• tsconfig.json 설정 방법
• 모듈관련 학습

📘 추가로 공부할 내용

TypeScript 

Next.js

Redux Query

• server와 client 사이 비동기 로직들을 쉽게 사용할 수 있기 때문에 학습해야한다.

STRAPI

• 이전에 작업했던 프론트엔드 팀 프로젝트를 TS로 리팩토링할 때, 파이어베이스 대신 STRAPI를 사용하여 작업할 예정이기 때문에 학습해봐야겠다.

📝 중요한 내용

• 코딩테스트 준비
  • 문제가 쉬울 것이라는 자만심을 버리고 하나하나 다시 꼼꼼히 풀어보는 것이 성공률을 올릴 수 있고, 나만의 빠른 해법을 찾을 수 있도록 노력해야 겠다.
• TypeScript
  • tsconfig.json 설정 방법
  • ts모듈의 코드변환 방법

📗 오늘 학습한 내용

프로그래머스 LEVEL.1 1문제 풀이

프로그래머스 LEVEL.2 1문제 풀이

기술면접, 일반면접 준비

TypeScript 강의

• React TypeScript 생성
• 기존 JavaScript로 구성된 React TypeScript로 리팩토링

Vite

• CRA(Create React App)을 대신해 사용할 수 있는 빌드 도구

📘 추가로 공부할 내용

TypeScript 

Next.js

Redux Query

STRAPI

📝 중요한 내용

• TypeScript
  • 타입스크립트로 리액트 프로젝트 생성하는 방법
  • 자바스크립트로 구성된 리액트 프로젝트 타입스크립트로 리팩토링 하는 방법

📌  개발자는 꾸준함이 생명이라고 생각이들어 하루에 5시간은 무조건 공부를 하는데 쏟기로 했는데 아직까진 잘 지켜지고 있어서 다행이다!!! 앞으로도 꾸준히 개발에 대한 공부를 멈추지 않고 열심히 해야겠다.

📗 오늘 학습한 내용

메인프로젝트 팀 노션 페이지 정리

프로그래머스 LEVEL.0 4문제 풀이

기술면접, 일반면접 준비

TypeScript 강의

• 조합 타입 (union)
• 리터럴 타입
• 타입별칭

📘 추가로 공부할 내용

TypeScript 

• 타입스크립트로 React 웹 만들기

Next.js

Redux Query

Vite

📝 중요한 내용

• TypeScript
  • 조합, 리터럴, 타입별칭 설정 방법

📌  코드스테이츠를 수료하고 첫 주말이다. 주말에도 나른해질 수 없다는 생각과 이전에 6개월간 해왔던 습관때문인지 일어나서 조금 빈둥거리긴 했지만 바로 공부를 시작했다. 개발자로서 취업하고 발전하기 위해서는 끊임없는 노력과 지식이 필요하다는 것을 느끼고 있기 때문이다. 

📗 오늘 학습한 내용

프로그래머스 LEVEL.0 4문제 풀이

기술면접, 일반면접 준비

이력서 수정

TypeScript 강의

• object 타입
• Array 타입
• Enum 타입
• Any 타입

📘 추가로 공부할 내용

TypeScript 

• 한 번 봤던 내용이더라도 꼼꼼히 보기위해서 정리를 하면서 보니 시간이 꽤 걸리는 것 같다.

Next.js

Redux Query

Vite

📝 중요한 내용

• TypeScript
  • 배열, 객체, enum 타입 지정 및 사용

📌 오늘은 이력서의 어휘가 이상한부분을 수정하고 조금 살을 붙여봤다. 내용이 적다는 피드백을 받았기 때문이다. 또한, 사이드 프로젝트에 대한 github readme를 조금 더 수정하고 회사들이 어떠한 스택을 많이쓰는지 찾아보았다.

📗 오늘 학습한 내용

프로그래머스 LEVEL.0 5문제 풀이

기술면접, 일반면접 준비

Github 프로젝트 README 수정

이력서 수정

• 자기소개부분 수정

TypeScript 강의

• 타입스크립트의 원시 타입은 소문자로 이루어진다
• number
  • 숫자 타입은 number하나이다. 다른 언어에 있는 double과 같은 실수등의 타입은 존재하지 않는다.
• string
  • 문자열은 ''(작은 따옴표), ""(큰 따옴표), ``(백틱)으로 지정할 수 있다.
• boolean
  • true, false를 반환하는 타입이다.

타입 추론

• 아래의 코드중 result = n1 + n2는 타입 추론이라는 내장 기능을 사용한다.
• 특정 변수나 상수에 어떤 타입을 사용 했는지를 타입스크립트가 이해해서 계산 해줍니다.

function add(n1: number, n2: number, showResult: boolean, parase: string) {
  const reuslt = n1 + n2;
  if (showResult === true) {
    console.log(resultPhrase + reuslt);  // 7.8 number로 더하고 문자로 붙임
    console.log(resultPhrase + n1 + n2);  // 52.8 string으로 더해짐
  } else {
    return n1 + n2;
  }
}

const number1 = 5;
const number2 = 2.8;
const preintResult = true;
const resultPhrase = "Result is: ";
// resultPhrase = 0;  // 타입 추론에 의한 오류 발생

add(number1, number2, preintResult, resultPhrase);

타입할당

• 함수의 매개 변수에 타입을 지정하는 방법을 사용했지만 일반 변수에 타입을 할당하지 않는다.
• 함수의 매개 변수에 타입을 지정하는 것과 같은 형식으로 변수에도 타입을 지정해 줄 수 있다.
• 변수에 타입을 지정하고 값을 할당하는 방법과 변수에 타입을 지정하고 다른 라인에서 변수에 값을 지정할수 있다.
• 하지만, 위와 같은 방법은 함수의 매개 변수에 이미 타입을 지정해뒀기 때문에 타입 추론이되어 2중으로 겹치는 코드가 된다. 이를 생각하면서 타입을 지정할 수 있으면 좋다.

let number1: number = 5;

let number1: number;
number1 = 5;    // 숫자가 아닌 다른 타입을 지정하면 오류가 난다.

📘 추가로 공부할 내용

TypeScript 

Next.js

Redux Query

📝 중요한 내용

• TypeScript
  • 타입 추론 및 할당

📌 코드스테이츠를 수료하고 맞이하는 첫 날이다. 이제부터 개발자로서 구직에 나서야 한다는게 아직도 믿기지가 않다. 하지만, 나는 할 수 있을 것이다!! 해내고 말겠다!! 그동안 열심히 해왔고 앞으로도 취업을 하더라도 멈추지 않고 좋은 개발자가 되기 위해 학습하고 노력할 것이다..!!

📗 오늘 학습한 내용

프로그래머스 LEVEL.0 10문제 풀이

기술면접, 일반면접 준비

이력서 수정

• 자기소개부분 수정

TypeScript 강의

• 강의를 2주전부터 조금씩 듣긴했지만 정리를 하지않아서 처음부터 다시 듣고있다.(플젝하느라.. 정리하다가 콜받는 경우가 많았다..)
• 타입스크립트 컴파일 (tsc 타입스크립트 파일명)
• !(느낌표) 요소를 무조건 얻는다. (null을 받아오지 않을 것을 알려줌)
• as HTML태그Element로 어떤 유형의 요소인지를 알려줄 수 있다.
• 타입지정 - 변수명 뒤에 콜론을 붙인뒤 타입을 명시한다. 

const input1 = document.getElementById("num1")! as HTMLInputElement;
const input2 = document.getElementById("num2")!;

function add(num1: number, num2: number) {
  return +num1 + +num2;
}

📘 추가로 공부할 내용

TypeScript 

Next.js

Redux Query

📝 중요한 내용

• TypeScript
  • 장점 및 단점
  • 컴파일
  • 타입지정