html

시맨틱 태그(semantic tag)의 중요성..

html5 이전과 다르게 html5에서는 시맨틱 태그를 사용해서 코드의 가독성을 높여 좀 더 읽기 쉽게 해준다. css코드가 길어지다보니, class 명을 붙이더라도 수많은 div 속에서 html 전체구조가 들어오지 않았다. E-Commerce UNIF Design & Development 2015 -> Present div div div div div... 나중엔 큰 섹션을 위한 div인지 섹션 속 div인지도 헷갈리기 쉬웠다. 니꼬쌤의 코드를 비교해보니 Event 잠비나이 Music Band 2015 → Present 🌸 Art News Someone launched a very interested product section, footer, aside 등 시맨틱 태그를 이용하고있다. div 연발이 ..

노마드코더 코코아톡 클론 챌린지/코스 완료~!

슬랙을 써보는 경험부터 유쾌했던 노마드코더 강좌와 챌린지. 재미있으면서도 하나하나 해결하는게 뿌듯했던 과정이었다. 결과물은 여기 https://yongwoo-jeong.github.io/kakao-clone-2021/ 아래는 노마드코더 커뮤니티에 올린 후기 https://nomadcoders.co/community/thread/739 #739 – 노마드 코더 Nomad Coders 개발자 99% 커뮤니티에서 수다 떨어요! nomadcoders.co 노마드코더는 구글링을 통해 알게되었고 클론코딩이라는 컨텐츠에 끌려 거의 가입과 동시에 수강을 시작했던 기억이 납니다. . 사실 초심자가 따라하기 좋은 클론코딩 + 재치있는 니꼬쌤 조합이라 강좌 자체도 참 많은 도움이 되었지만!! 챌린지🔥를 통해 성장하는걸 많이..

[html] form의 중요한 2가지 attribute: action, method

*id와 class중 편한것은 어떤것일지 생각해보자. 주로 classa를 많이 쓰긴한다! id를 사용할 경우 상대적으로 더 많은 인자를 써야하는듯? - CSS 파일에서 주석처리는 /* */로 감싸주면 된다. - styles.css 파일에는 font-family, background-color와 같이 모든 스크린에 적용될 수 있는 스타일을 써놓는다. 이는 하나의 방식이고, 자신만의 편한 방식을 택하면 된다. - form은 중요한 2가지 속성(attribute)을 가지고 있다. 하나는 action이고, 다른 하나는 method이다. - action은 어떤 페이지로 data를 보낼건지 지정할 수 있다. - action에 적어 놓은 URL에 해당하는 파일이 반드시 존재해야한다. - method는 2가지 방식 중..