전체 글 56

04일차 프론트엔드 공부 - 기초 JS

- 프론트엔드 공부 04일차 - html에 JS 연결시키는 방법변수 : 어떤 관계나 범위 안에서 여러가지 값으로 변할 수 있는 수상수 : 변하지 아니하는 일정한 값을 가진 수나 양 -> 데이터를 담는 공간선언 : let (변수명)                   let num할당 : (변수명) = (데이터)      num = 7선언 + 할당 : let (변수명) = (데이터)  let num = 7 변수와 상수의 종류var   이름 중복(재선언), 데이터 수정(재할당) let   이름 중복(재선언) X , 데이터 수정(재할당)const   이름 중복(재선언) X , 데이터 수정(재할당) X현재 var은 많이 쓰이지 않고 있다. 주로 변수는 let 상수는 const로 쓰인다. 변수와 상수의 작명 규칙 관..

02일차 프론트엔드 공부 -CSS의 기초

-프론트엔드 공부 02일차-  CSS 기본 문법단일 속성 지정선택자 {속성: 값;} 다중 속성 지정선택자 {속성: 값;속성: 값;속성: 값;속성: 값;} CSS 사용 방법html 태그 속성에 입력태그에 CSS 속성이 바로 기록되어 있어, 별다른 지정이나 연결이 필요하지 않음하지만 가독성이 떨어지고 필요한 태그를 직접 찾아야한다. 즉 유지보수가 불편하다 박스 1 박스 2 박스 3박스 모델 예제  *{            box-sizing: border-box;        } 위 코드 같은 경우 전체 태그에 border-box를 적용하고 싶을 때 사용하자   정렬  flex여러 태그를 하나로 묶어서 정렬display: flex;(flex-direction: row; 가 기본 형태이다) 박..