바쁘다는 핑계로 미루고 미뤘다가 2022년이 지난 지 꽤 시간이 지난 후에 적는 2022년 회고… 2년 동안 다니던 회사에서 사람에게 치여서 힘들고 개인적으로 풀스택 개발을 해오면서 프론트엔드도 백엔드도 제대로 되지 않는다는 생각이 들어서 일단 하나에 먼저 집중을 하기 위해서 개발 조직이 있는 회사에서 하나에 집중을 하자는 생각으로 프론트엔드 개발자로 이직을 결심하였다. 프론트엔드도 있고 백엔드도 있는데 왜 먼저 프론트엔드를 선택을 했냐는 질문도 받았지만, 개인적으로 사용자에게 노출되는 영역이기도 하고 그에 따라서 피드백도 받을 수가 있고, 내가 작업을 한 내용에 대해서 바로바로 확인할 수 있는 점이 좀 더 재미있다고 생각해서 프론트엔드를 먼저 선택을 했다. 하지만 빠르게 이직을 할 수 있을 거라 생각을..

안녕하세요. 이번 포스팅에서는 NestJS에서 데이터베이스를 연동하는 방법에 대해서 알아보겠습니다. 이 포스팅에서는 TypeORM을 이용해서 연동을 해보겠습니다. 제일 먼저 Nest 프로젝트를 생성을 하도록 하겠습니다. $ nest new nest-database-example 프로젝트가 생성이 되었으면 데이터베이스 모듈을 생성을 해주도록 하겠습니다. $ nest g mo database --flat 위의 명령어를 이용해서 database.module.ts를 생성을 하게 되면 src 폴더에 database.module.ts가 생성이 되고 src/app.module.ts의 imports에 등록이 되는것 까지 확인을 하실수 있습니다. 여기까지 했다면 이제는 TypeORM과 mysql 패지키를 설치하겠습니다...

안녕하세요. 이번 포스팅에서는 자바스크립트에서 API 호출하는 방법에 대해서 알아보겠습니다. 1. XML HTTP Request를 이용한 방법 - 모든 최신 브라우저는 서버에 데이터를 요청하기 위해 XMLHttpRequest 객체를 지원합니다. - 최신 브라우저뿐만 아니라 가장 오래된 브라우저에서도 작동을 합니다. - ES6에서는 더 이상 사용되지 않지만 여전히 널리 사용이 되고 있습니다. var request = new XMLHttpRequest(); request.open('GET', 'https://www.fruityvice.com/api/fruit/all'); request.send(); request.onload = function() { console.log(JSON.parse(request...

안녕하세요. 이번 포스팅에서는 자바스크립트 Async와 Await에 대해서 알아보겠습니다. Async는 함수에 'async' 키워드를 추가해서 async 함수로 만들고 기본적으로 Promise를 반환을 합니다. - 함수에 비동기 실행이 포함이 되어 있을 경우 - 반환값은 Promise의 resolve의 값이 됩니다. async function greeting() { return 'Hello world'; } fetchApi() .then(message => console.log(message)); // Hello world Await는 함수 안의 promise 함수의 앞에 'await' 키워드를 추가해서 사용을 합니다. Await는 promise 함수가 완료되고 값이 반환이 될때 까지 기다리게 합니다. ..

안녕하세요. 이번 포스팅에서는 자바스크립트 함수를 선언하는 4가지 방법에 대해서 알아보겠습니다. 1. 일반적인 함수 선언 방법 아래의 예에서 볼수 있듯이 함수를 정의 하는데 가장 기본적이고 가장 자주 사용되는 선언 방법입니다. 아래와 같이 선언을 했을 때의 이점은 함수를 코드의 제일 아래에 선언을 하여도 함수를 호출을 할수 있다는 것입니다. console.log(sum(3, 10)); // 13 function sum(num1, num2) { return num1 + num2; } console.log(sum(3, 10)); // 13 2. 함수 표현식을 이용한 방법 함수 표현식은 변수에 함수를 할당하여 선언하는 방법입니다. 이렇게 선언을 할 경우 1. 에서 선언한 함수와 달리 함수를 먼저 선언을 해야..

안녕하세요. 이번 포스팅에서는 자바스크립트 배열의 구조 분해에 대해서 알아보겠습니다. 변수에 배열 항목 할당하는 방법 const [a, b, c] = [1, 'second', false]; console.log(a); // 1 console.log(b); // second console.log(c); // false 배열 요소 건너뛰기 const [, b] = [1, 'second', false]; console.log(b); // second 값 할당 및 나머지는 함께 저장 const [a, b, ...other] = [1, 'second', false, 'Max', 'Hello World', 6]; console.log(a); // 1 console.log(b); // second console.lo..