웹개발
-
JavaScript (1)웹개발/JavaScript 2020. 12. 28. 17:59
- 변수 선언 string, number, float, boolean · let: 변수 재선언 x, 변수 재정의 o · var: 변수 재선언 o, 변수 재정의 o · const: 변수 재선언 x, 변수 재정의 x · array [] const daysOfWeek=["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]; daysOfWeek[0], daysOfWeek[1], ...으로 접근 · object {} : 각 value에 이름을 줄 수 있음 const nicoInfo={ name: "Nico", age: 33, gender: "Male", isHandsome: true } nicoInfo.gender로 접근 nicoInfo.gender="Female" (o) (co..
-
CSS (2)웹개발/CSS 2020. 12. 26. 23:43
· block level element, inline element /* block level element (화면 전체 사용) */ h1{ border-width: 5px; border-color: red; border-style: solid; display: inline; (글씨 크기만큼 사용하고 싶은 경우) } /* inline level element (글씨 크기만큼 사용) */ a{ border-width: 5px; border-color: red; border-style: solid; display: block; (화면 전체를 사용하고 싶은 경우) } · display: none; (화면에서 안보이게 하고싶은 경우) · 중복 줄이기 : 콤마로 동시에 지정 가능, border로 속성 한꺼번에 지..
-
CSS (1)웹개발/CSS 2020. 12. 26. 22:11
· html에서의 태그 WEB · css에서의 color -> 중복의 제거 웹페이지 유지보수, 가독성 측면에서 효과적 html이 정보에 전념하기 위해서! 디자인은의 기능은 css에서 · css 사용법 (1) 태그 안에 쓰기 ex) (2) style 속성 사용 ex) CSS · text-decoration: none; (밑줄 제거) · text-decoration: underline; (밑줄 생성) · font-size: 45px; (글씨 크기 조절) · text-align: center; (글씨 중앙 정렬) · class (class는 여러 개 지정 가능, 띄어쓰기로 구분함) HTML CSS (active의 영향을 받음(순서대로 적용됨)) · id CSS id의 우선순위가 class의 우선순위 보다 높음..
-
html 태그웹개발/HTML 2020. 12. 24. 22:30
· : 굵은 글씨 · : underline(밑줄) · ~: heading(제목), 자동 줄바꿈, 숫자가 커질수록 글씨 크기가 작아짐 · : 줄바꿈, 여러 번 사용 가능 · : paragraph(단락), 여러번 사용 x, 줄바꿈 간격은 css의 style을 사용하여 정교하게 조절 가능 · : 이미지 태그 · or : 속성(Attribute) · : 부모 태그 : 자식 태그 · : 부모 태그, Unordered List ( 태그 그룹핑, 앞에 ㆍ 기호 붙음) : 자식 태그 · : 부모 태그, Ordered List (자동으로 숫자 넘버링) : 자식 태그 · head 98.1% body 97.9% html 97.9% head 98.1% body 97.9% html 97.9% · : 웹 페이지의 제목 · : 문..
-
풀스택 웹개발 로드맵웹개발/로드맵 2020. 12. 24. 20:16
(출처) 노마드 코더 - 풀스택 주니어 웹 개발자가 되려면? ver.2020 - 프론트엔드 (1) HTML (2020.12.24 완료 생활코딩) & CSS (2020.12.26 완료 생활코딩) : 웹사이트를 만들 수 있는 수준 (태그 암기 x, 이해o) -> 웹사이트 따라 만들어보기 (클론코딩) 레이아웃 시스템, 모바일 대응, 아이콘, 플렉스 등 HTML.CSS (2) JAVASCRIPT / VanillaJS 리액트, 뷰 등등 학습 시간을 줄일 수 있음 프레임워크 공부 시간 단축 -> 모달창, 슬라이더, 메뉴, 드래그엔드랍 등 웹의 인터렉티브한 부분을 바닐라JS로 구현할 수 있어야 함 프레임워크가 있든 없든 할 줄 알아야 함 ([노마드코더] 바닐라JS로 크롬 앱 만들기 (2020.12.28 #0.1~#3..