Front-End 검색 결과
2 개의 검색 결과가 있습니다.
Front-End/HTML,CSS

2021 Dev-Matching 웹 프론트엔드 개발자(하반기) : 쇼핑몰 SPA 구현 후기 (pushState, popState)

https://programmers.co.kr/skill_check_assignments/199 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 오랜만에 바닐라 JS 개발을 해보고 싶었는데, 마침 SPA 개발 과제가 있길래 해보았다. 그 과정에서 긴 시간 고전한 주제에 대해 적고자 한다. 결론적으로, 난 완벽한 구현에 성공하지 못했다. 첫 번째로 SPA 라우팅 처리를 vanilla js 로 해본 게 처음이라 고전했고 (쉬운 건데 삽질했다) 두 번째로 js 에서 HTML element 를 만들 때 createElement 를 하나하나 일일히 했다. (미쳤나봄..

2022. 3. 3. 23:39
Front-End/HTML,CSS

이건 보고 HTML 짜자! 깔끔한 HTML을 만들기 위한 HTML 코드 컨벤션

HTML 코드 작성 규칙 대전제 DTD를 제외한 모든 요소와 애트리뷰트는 소문자로 작성합니다. Good! Bad.. 애트리뷰트 값은 큰 따옴표로 묶습니다. 아이디와 클래스의 속성 값은 숫자, 대문자, 특수문자로 시작할 수 없습니다. 애트리뷰트의 속성의 값은 숫자, 특수문자로 시작할 수 없으며, 대문자로는 시작할 수 있습니다. 아이디, 클래스 아이디는 소문자 카멜 표기법 을 사용합니다. 스타일 지정을 위해 사용하지 않으며, DOM 조작을 위해 사용해야 합니다. 주의 : 숫자, 대문자, 특수문자로 시작할 수 없습니다. ... ... 클래스는 아이디와 시각적 구분을 위해 하이픈 표기법 을 사용합니다. ... 들여쓰기(indent) body 태그 안의 모든 요소는 중첩의 깊이에 따라 1탭 들여 씁니다. 1탭의 ..

2021. 3. 3. 09:52