DND 8기 슬편생 프로젝트
1.🏪타입스크립트(Typescript)Partial,Pick,Omit
스타트업 퇴사 후, 바로 IT 연합 동아리인 DND 8기활동을 진행했었습니다. DND 프로젝트를 진행하면서 타입스크립트를 사용하는 목적인 “안정성”과 이를 향상시킬 수 있는 방법에 대해 고민한 부분들을 공유하고자 합니다.타입스크립트 는 자바스크립트를 기반으로 정적 타입
2.🏪[IR]웹 접근성을 향상을 위한 적절한 대체텍스트 삽입 작업(feat. alt,aria-label)
❗사실, 슬편생 서비스 특성상(편의점 근무자를 위한 근무관리 서비스) 스크린리더기가 서비스 페이지를 어떻게 읽는지까지는 회사(특히 시간에 쫓겨 사는 스타트업!)에서 개발하는 상황이었다면 솔직히 크게 정성을 기울이지 않을 것 같다. 그러나 이것은 나의 공부를 위한 사이
3.[CSS] 웹 접근성 향상을 위한 rem 단위 적용하기
css속성에 크기나 길이값을 적용할 때 사용하는 여러가지 단위들이 있다. px/em/rem/ex/%/cm/mm/in/pt/pc/ch/vh/vw/vmin/vmax.. 이렇게 아주 많은데 각각의 개념을 알고 적절히 잘 사용할 필요가 있다. DND 슬편생 프로젝트에서는 re
4.OG(오픈그래프) 태그 적용하기
og 태그란 웹 페이지의 메타데이터를 정의하는 태그 중 하나이다. 이 태그는 페이스북에서 개발되었으며, 웹사이트가 소셜 미디어에 공유될 때 해당 웹페이지의 제목, 설명, 이미지 등을 정의할 수 있다.og 태그는 크게 다음과 같은 구성요소들로 이루어져 있다.og:titl
5.Lottie 파일 처리하기
Lottie 파일은 애니메이션 파일 형식 중 하나이다. Lottie 파일은 크기가 작고(로딩 속도가 빨라서 UX측면에서 좋다), 벡터 기반으로 되어 있어 다양한 디바이스에서 크기를 자유롭게 조절할 수 있다. 디자인툴에서 이를 제작하고 json형식으로 내려받아 개발시 사
6.[모바일대응] 요구사항에 맞는 키보드 띄워주기
상황에 따라 적절한 키보드를 띄워서 사용자 UX를 향상시켜 줄 필요가 있다. 요구사항에 맞는 적절한 키보드를 띄워주기 위해 input 태그의 type 특성 값을 적절하게 넣어줘야 한다.