인터넷상의 전단지들을 따라 만들며 HTML 문서 작성을 연습했고
그 과정에서 배운 점들을 작성하자면
section : article 태그의 부모로써 신문같이 특정 글, 혹은 어떤 정보를 나타내는 태그이다
address : 주소나 번호 등의 정보를 주로 나타내는 태그
글씨가 제일 크다고 무조건 h1을 넣기보단, 중요도와 기능의 이해관계에 따라 태그를 지정하는 것이 더 좋은 HTML문서를 작성하는데에 유리하다 !
여러 기능들이 나열되어 있을땐 span 태그 보다는 list 태그를 가능한 활용하자 !
CSS를 적용하는 것을 연습하기 위해
구글 메인 창의 껍데기 부분을 따라 만들어보는 연습을 진행하는 중이고 이 과정에서 배운 점들도 작성하겠다
개발자 도구를 최대한 활용하자 !
margin이나 padding 등 요소들의 배치를 수정할때에 개발자 도구를 이용하는것이 중요하다고 느꼈다
font-weight를 활용해 폰트의 두께를 조절해 좀 더 세련된 로고를 제작할 수 있다
input 요소를 이쁘게 만들기 위해서는 이와 같은 요소들이 필요하다
- outline : 두께 색상 ->input 창의 테두리를 결정한다
- weight, height -> 크기를 조절한다
- border-radius: 20px -> 창의 테두리의 둥글기를 조절한다 50% 이상으로 넘어갈시 원을 만들 수 있음
- background-color -> 배경의 색상을 조절한다
flex를 잘 활용하자
사용할 곳이 많았고, 다른 기능들을 대체할 수 있었다
이외에도 Javascript 기초 강의를 수강중인데 알고있던 프로그래밍 언어 지식들을 바탕으로 학습하였기에 자료형처럼 같이 이미 알고 있거나 굳이 정리안해도 될 정도로 쉬운건 생략하였다
변수 선언
const 변수명 = "" or '' : 변하지 않는 값
let 변수명 = "" or '' : 변할 수 있는 값
변수명 규칙
1. 문자, 숫자, $, _ 만 사용한다
2. 예약어는 사용할 수 없다(let, class)
3. 첫 글자는 숫자가 될 수 없다
4. 가급적 상수는 대문자로 선언
console.log(변수) : 콘솔창에 표시
문자열에 변수 대입 방법
1. "나는 ${name} 입니다"
2. "나는"+name+"입니다"
문자열 + 숫자 -> 문자열로 바뀜
- alert() : 알림창
- prompt(안내문, 입력칸) : 문자열을 입력 받는 창
- .confirm() : 확인 받음
스타일링 불가능하고 스크립트 일시정지 됌
형 변환
1. String() : 문자형으로 변환
2. Number() : 숫자형으로 변환
3. Boolean() : 불린형으로 변환
문자열 산수하면 자동형변환되서 계산 되지만
문자열 + 문자열하면 붙어버림
다음 시간에는 연산자와 조건문부터 다시 시작하겠다
