var : 전역 함수 및 지역 함수로 사용 가능하다. 즉 블록 밖에서 선언 한 것과 안에서 선언 한 것의 차이가 없다. let : 블록범위 변수로서, 블록 안에서 선언하면 해당 블록 내에서만 사용이 가능하다. const : 상수 선언 할 때 사용 한다. const는 선언 할때만 값을 넣을 수 있고 그 이외에 값의 변경은 불가능하다. 세 가지 변수 선언법의 차이점에 대해서 총정리하자면: var 선언은 전역 범위 또는 함수 범위이며, let과 const는 블록 범위이다. var 변수는 범위 내에서 업데이트 및 재선언할 수 있다. let 변수는 업데이트할 수 있지만, 재선언은 할 수 없다. const 변수는 업데이트와 재선언 둘 다 불가능하다. 세 가지 모두 최상위로 호이스팅(코드가 실행 되기 전, 변수와 함..

자바스크립트(JavaScript) : 객체(object) 기반의 스크립트 언어이다. HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현한다. 자바스크립트는 주로 웹 브라우저에서 사용되지만, Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용할 수 있다. 변수 선언 : 자바스크립트에서는 변수를 선언 해도 되고 안해도 된다. var 변수명; let 변수명; const 변수명; 자바스크립트에서 문자열은 " " 나 ' ' 둘다 가능하다. 즉, 자바에 있던 String 타입은 자바스크립트에 존재하지 않는다. css 처럼 html 파일이 아니라 javascript 파일에 변수만 따로 작성 하여 body를 작성 해도 된다. 불러오는 링크는 Javas..

그 동안 배운 html 과 css 를 이용해서 내가 좋아하는 브랜드 홈페이지를 따라 만들어 보았다. 아쉬운 점 글자 폰트를 못 찾아서 대충 고딕으로 따라 한 점. 그리고 화면을 작게 만들었을 때 비율이 달라지는 것. 상단에 메뉴바 만드는 법을 몰라서 그냥 이미지로 대체 했다는 것. 세번째 단락을 table 로 만들었는데 그게 맞는 것인지 아니면 div 로 했었어야 했는 것인지 아직도 모르겠다. 세일이 시작되었습니다! | 여성복 쇼핑하기 남성복 쇼핑하기 Sale 여성복 쇼핑하기 남성복 쇼핑하기 세일이 시작되었습니다 최대 50% 할인 여성 신상품 남성 신상품

css에는 테두리 종류가 많다. 원하는 스타일을 골라 예쁘게 살을 붙이는데 사용하면 좋다. 또한 테두리 두께를 조절하는 border-witdth 와 border 색상을 바꾸는 border-color 도 있으니 적재적소에 사용하면 좋겠다. 테두리 제어 d1 dotted 테두리 d2 dashed 테두리 d3 solid 테두리 d4 double 테두리 d5 groove d6 ridge테두리 d7 inset 테두리 d8 outset테두리 d9 none테두리 d10 hidden테두리 d11 dotted dashed solid double 테두리 hidden hidden hidden hidden [결과]

button 태그를 디자인 적으로 예쁘게 꾸미기 위해 이미지를 넣어 보는 방법을 알아보자 background-image : url ("경로") 를 이용한다. 이미지를 버튼 크기에 맞춰 반복하고 싶다면 background-repeat 을 사용하면 된다. background-repeat 의 종류 repaet - y (세로) ; repeat - x (가로) ; no-reapeat ;

position 속성 : css에서 position 속성은 html 문서 상에 요소들이 배치되는 방식을 결정한다. aaa bbb ccc top으로