들어가며 여러분은 SEO(검색엔진 최적화 - Search Engine Optimization)에 대해 들어보신 적이 있으신가요? 저는 처음에 조금 생소하다고 느꼈는데요, 관련 글을 읽다 보니(하단 참고 문서) 그간 제가 아무 생각 없이 검색을 통해 접근했던 글들이 생각이 나면서, SEO('검색엔진 최적화(Search Engine Optimization)')의 중요성에 대해 알게 되었어요. 아무리 좋은 사이트, 글이라 해도 노출이 되지 않으면 결국 그 가치가 빛을 볼 수 없을 테니까요. 때문에 저는 늘 프로젝트를 진행하며 SEO(검색엔진 최적화 - Search Engine Optimization) 문제로 고민할 수밖에 없었고, 그 과정 속에서 Nuxt라는 프레임워크를 알게 되었습니다. 사용자 경험(UX)관..

들어가며 지난 1편에서 타입스크립트가 어떤 언어이고 왜 쓰면 좋은지 알아보았다면 이번엔 이 정적인 언어를 어떻게 적용하는지 알아보도록 합시다. 타입스크립트 적용해 보기 지금부터 타입스크립트를 적용한 html 파일을 만들어 보겠습니다. 타입스크립트는 npm을 이용하거나 vscode를 통해서 설치할 수 있는데요, 이번에는 npm을 사용해서 타입스크립트를 전역으로 설치해 보겠습니다. 타입스크립트를 전역으로 설치하겠다는 npm 명령어를 작성해줍니다. npm install -g typescript 설치가 완료되면 tsc라는 타입스크립트 명령어를 실행할 수 있게 됩니다. tsc 명령어를 사용해 프로젝트 폴더에서 tsconfig.json 파일을 생성합니다. tsc --init //tsconfig.json 생성 명령 ..

들어가며 현재 리액트와 타입스크립트를 사용해 프로젝트를 진행하고 있습니다. 저는 타입스크립트가 처음 접하는 언어여서 시작하기 낯설고 두려웠던 경험이 있습니다. 저처럼 타입스크립트를 한 번도 경험해 보지 못해서 시작이 두려우신 분들을 위해 타입스크립트가 어떤 언어인지 가볍게 알아보는 글을 써보려고 합니다. 타입스크립트 알아보기는 1편과 2편으로 나눠 정리해 볼 예정인데 제가 아직은 완벽히 타입스크립트를 이해한 건 아니라서 진행했던 프로젝트 경험을 바탕으로 글을 써보겠습니다. 타입스크립트가 뭐지.. 자바스크립트랑 이름은 비슷한데 저는 타입스크립트라는 이름을 처음 들었을 때 '어? 이름이 자바스크립트랑 비슷한데'라고 떠올렸습니다. 저와 같이 생각한 분이 많으실 것 같은데요, 이렇게 타입스크립트라는 이름에서 유..