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

들어가며 회사에서 들었던 웹 접근성을 고려한 콘텐츠 제작 가이드 강의에서 웹 접근성 지침 준수는 모든 웹사이트의 의무사항이라고 들었습니다. 웹 접근성 마크를 취득해야 하는 프로젝트가 아니고서야 접근성 개선 작업은 많은 시간과 노력이 필요하기 때문에 굳이 작업하지는 않습니다. 작년에 진행한 프로젝트에서 웹 접근성 작업을 어떻게 해야 할지 고민하다 WAI-ARIA를 처음 접하고 경험하게 되었습니다. 언젠가부터 React, Vue, Angular와 같은 동적 콘텐츠를 제작하는 SPA 환경 프로젝트가 점차 많아지면서 WAI-ARIA는 사용자에게는 적절한 정보를 개발자에게는 편리하게 접근성을 높일 수 있는 기술이라 생각합니다. 복잡하고 동적으로 변화하는 웹 환경에서 신체적, 환경적 조건에 차별 없이 동등하게 이용..

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