본문 바로가기
728x90

Frontend46

2. 변수 (let, var), 상수 (const) 1. 변수 (let)변수(variable)는 수식에서 변하는 값으로, let 키워드를 사용해서 변수를 생성한다.특정한 이름의 변수는 한 파일에서 한 번만 선언할 수 있다.선언 후 값을 변경할 때는, let을 사용하지 않는다.let 이름 = 값 var이전에는 변수 선언에  let 대신 var을 사용했었다.이때 var은 let과 달리 변수를 여러 번 선언할 수 있다는 차이가 있다.변수를 중복해서 선언할 수 있다는 위험성, 변수가 속하는 범위가 애매하다는 위험성 때문에 let으로 대체되었다. 2. 상수 (const)상수는 변하지 않는 수상수 선언 시 초기화하지 않으면 에러가 발생한다. 2024. 7. 7.
1. 기본 자료형 ※ Java 언어를 이미 확습을 완료한 상태이므로, JavaScript 글은 Java와 다르거나 헷갈리는 내용 위주로 정리하고자 한다. 1. 문자열 (String)기본적으로  작은따옴표(' ') 또는 큰따옴표(" ")를 사용해서 문자열을 생성한다. 이스케이프 문자 (\)따옴표를 문자 그대로 사용하고 싶으면 따옴표 앞에 이스케이프 문자(\)를 사용한다.ex) "This is \"string\""  -> "This is "string""\n : 줄바꿈\f : 탭\\ : 역슬래시(\) 그 자체 문자열 연산자문자열 + 문자열 : 문자열을 서로 이어서 연결   ex) '가나다' + '라마'  -> "가나다라마"문자열[숫자] : 문자열 내부에서 숫자에 해당하는 위치의 문자 하나를 선택   ex) '안녕하세요'[1].. 2024. 7. 6.
17. table, flex 1. tabledisplay 속성 값을 table, table-row 등을 사용해서, 마치 태그를 사용하는 것과 비슷하게 HTML 태그를 작성할 수 있다.table : 태그처럼 사용table-header-group: 태그처럼 사용table-row-group: 태그처럼 사용table-footer-group:  태그처럼 사용table-row:  태그처럼 사용table-cell: ,  태그처럼 사용- 활용 코드 A B C A1 B1 C1 A2 B2 .. 2024. 7. 6.
16. 미디어 쿼리 미디어 쿼리 (media query)는 사이트에 접속하는 장치에 따라 특정한 CSS 스타일을 사용하는 방법이다.즉, 접속하는 기기의 화면 크기에 따라 레이아웃이 달라지도록 설정하는 것이다. 미디어 쿼리 구문only: 전체 쿼리가 일치할 경우에만 스타일 적용and: 조건을 어려 개 연결해서 추가not: not 다음에 지정하는 미디어 유형을 제외하고 적용   ex) not tv : tv를 제외한 미디어들에 적용, (쉼표) : 조건들 중 하나라도 참이면 적용//기본형 @media [only | not] 미디어 유형 [and 조건] * [and 조건]//예시@media screen and (min-width: 768px) and (max-width: 1432px) {...}  미디어 유형all : 모든 미디어 .. 2024. 7. 6.
728x90