들어가며 우리 그룹은 Innovation 4 Group에서 FED Group, 그리고 XE Group으로 이름이 바뀌어 왔습니다. 현재의 XE Group이라는 이름에는 어떤 의미를 담고 있을까요? 제가 생각하는 XE Group의 의미를 짧게 이야기해보려고 해요. 우리 그룹의 이름은? eXperience Engineering Group 한글로 ‘경험 개발 그룹’이라는 이름인데요. 개발에 UX를 더하자는 의지를 담았습니다. :) 지금까지 우리는 FED(Front-End Development) Group이라는 이름으로 웹 퍼블리싱, 웹 접근성, UI 개발(인터랙션, 스크립트 개발, …), Prototyping, Front-End(React, Vue…) 등의 업무를 해왔어요. 디자인과 똑같은 화면을 만들고, 기..

들어가며 지난 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편으로 나눠 정리해 볼 예정인데 제가 아직은 완벽히 타입스크립트를 이해한 건 아니라서 진행했던 프로젝트 경험을 바탕으로 글을 써보겠습니다. 타입스크립트가 뭐지.. 자바스크립트랑 이름은 비슷한데 저는 타입스크립트라는 이름을 처음 들었을 때 '어? 이름이 자바스크립트랑 비슷한데'라고 떠올렸습니다. 저와 같이 생각한 분이 많으실 것 같은데요, 이렇게 타입스크립트라는 이름에서 유..