변수를 선언하고 입력받고 출력하기
Front-End
JS의 변수 선언 방식과 그것들의 차이점을 배우다.
JavaScript의 입·출력 방법을 배우다. prompt(주관식)으로 받은 값은 무조건 string이다. confirm(예/아니요)로 받은 값은 무조건 boolean이다.
과제 23.06.09 과제 JS-A 임휘훈 Header Nav Section1 Section2 Side Footer
여태 배운 것들을 응용하여 layout 실습을 하다. SMHRD 메뉴 서비스 고객지원 로그인 회원가입 blue yellow green 파란 영역과 노란 영역의 너비의 합은 전체 너비와 같다. #nav의 justify-content는 요소들의 정렬(포토샵)로 생각하면 된다. → 양 끝 있는 요소 끝에 위치시키고 나머지 요소들을 일정 간격으로 정렬
요소의 크기를 자유롭게 지정하게 해주는 flex를 배우다.
보통 웹 사이트의 상단바로 이동하는 버튼을 만들 때 사용하는 position의 속성값 fixed를 배우다. Top 파란색 영역의 Top 글씨를 누르면 웹 사이트의 상단 위치로 이동한다. 웹 사이트에서 위아래로 이동해도 파란색 영역은 화면의 우측하단에 고정(fixed)된다. 텍스트를 영역의 중앙으로 이동하기 위해서 가로의 중앙, 세로의 중앙으로 이동시키기 위해(.child3 참고)
position 속성 값인 relative와 absolute의 개념을 더 자세히 배우다. parent 아이디를 가진 회색 영역 안의 child1 빨간 영역이 absolute라서 회색 우측하단에 위치하게 된다.
