yeeendy

코드스테이츠 수업4일차! 오늘 배운 내용을 복습해보자 와이어프레임 *웹 또는 애플리케이션을 개발할 때 레이아웃의 뼈대를 그리는 단계 *단순한 선이나, 도형으로 웹이나 앱의 인터페이스를 시각적으로 묘사한 것 *레이아웃과 제품의 구조를 보여주는 용도 와이어프레임의 목적 *화면의 영역을 구분 *와이어프레임을 보고, 어떤 목적을 가진 프로그램인지 유추 가능 display: flex *부모 박스 요소에 적용해, 자식 박스의 방향과 크기를 결정하는 레이아웃 구성 방법 *Flexbox 속성들을 활용하면 요소의 정렬, 요소가 차지하는 공간을 설정 가능 부모 요소에 적용해야하는 Flexbox 속성들 *flex-direction ->정렬 축 정하기(기본적으로 가로 정렬) *flex-wrap ->줄 바꿈 설정하기(기본적으..

코드스테이츠 수업 3일차! 오늘 배운 CSS내용을 복습해보자 CSS의 사용 목적 CSS는 심미적인 화려함 뿐 아니라, 더 나은 사용자 경험(UX, user experience)을 주기 위한 콘텐츠 배치와 타이포그래피 등을 적용하기 위해 사용 CSS의 기본 문법과 구조 CSS를 HTML에 적용하는 방법 태그 안에서 href 속성을 통해 파일을 연결 /*예시*/ 요소의 rel 은 연결하고자 하는 파일의 역할이나 특징을 나타냅니다. CSS(Cascading Style Sheet)는 stylesheet이므로 rel 속성에 stylesheet 를 추가합니다. href 속성에는 파일의 위치를 추가해야 합니다. HTML 안에 CSS를 직접 정의하는 것을 권장하지 않는 이유 하나에 집중하기 위해 파일이나 구간을 구분하..

코드스테이츠 수업 2일 차! 오늘 배운 내용 복습을 해보자 , 요소가 무엇이고, 어떤 차이가 있는지 설명할 수 있다. , , 요소가 무엇이고, 언제 사용해야 하는지 알고 있다. 요소에 type을 설정하여 다양한 종류의 요소를 활용할 수 있다. , 태그는 영역을 설정할 때 필요한 태그이다. 차이점으로는, div 태그는 영역을 한 줄 차지하고 span 태그는 컨텐츠 크기만큼 공간을 차지한다. , , 태그는 목록을 만들 때 필요한 태그이다. 태그는 순서가 필요 없는 목록을 만들 때 사용 태그는 순서가 있는 목록을 만드는 데 사용 태그는 ol과 ul의 각 항목들을 나열할 때 사용 요소 중 대표적인 것들 text : 텍스트 입력 password : 비밀번호 입력 radio : 라디오 버튼(여러 개 선택지 중 하나..