1.for in : 객체구조에서 반복문을 사용하고 싶은 경우
2.객체축약 표현 : 아래와 같이 가능!
위, 아래 모두 동일한 화면구성 표현!
| 문자열 메소드 학습하기 (0) | 2023.01.25 |
|---|---|
| 반복문 (for of, while, do while) (0) | 2023.01.25 |
| for문 사용 시, 초기값 및 증감문을 밖으로 뺄 때 작성법 (0) | 2023.01.24 |
| IF문 작성 시, 괄호 생략관련 (0) | 2023.01.24 |
| 오토셋 서버 활용 ajax load( ) 사용하기 (0) | 2023.01.06 |
1.입력한 문자열을 모두 대문자로 표현하는 메소드 : toUpperCase()
2.입력한 문자열을 모두 소문자로 표현하는 메소드 : toLowerCase()
3.입력한 문자열의 공백을 없애주는 메소드 : trim()
- 앞쪽에 있는 공백만 없애주고 싶을 때 사용하는 메소드 : trimStart()
- 뒤쪽에 있는 공백만 없애주고 싶을 때 사용하는 메소드 : trimEnd()
4.기존의 문자열을 가공해서 새로운 문자열을 생성할 때 사용하는 메소드 : repeat(3)
(*지정한 문자열을 인자로 전달한 횟수만큼 반복해서 반환해준다.)
5.지정한 문자열을 지정한 길이만큼 늘려주고 싶을 때 사용하는 메소드 : padStart(10, '_')
- 앞쪽에 지정한 문자열을 늘려주고 싶을 때 : padStart()
- 뒤쪽에 지정한 문자열을 늘려주고 싶을 때 : padEnd()
| 객체심화 (for in 문 / 축약표현) (2) | 2023.01.25 |
|---|---|
| 반복문 (for of, while, do while) (0) | 2023.01.25 |
| for문 사용 시, 초기값 및 증감문을 밖으로 뺄 때 작성법 (0) | 2023.01.24 |
| IF문 작성 시, 괄호 생략관련 (0) | 2023.01.24 |
| 오토셋 서버 활용 ajax load( ) 사용하기 (0) | 2023.01.06 |
1.for of :
for of문은 어떤 조건을 만족할 때에만 반복하는 것이 아니라, 뒤에있는 배열의 요소들을 처음부터 끝까지 순회하면서 내부에 지정된 코드를 실행하는 방식으로 동작함
2.while :
while문은 괄호안에 조건이 참인지 먼저 확인 => 참이라면, 내부 코드 실행
3.do while :
do while문은 괄호안의 조건을 나중에 제시
따라서 우선 i 변수값을 우선 먼저 표기 후 조건문을 실행한다.
| 객체심화 (for in 문 / 축약표현) (2) | 2023.01.25 |
|---|---|
| 문자열 메소드 학습하기 (0) | 2023.01.25 |
| for문 사용 시, 초기값 및 증감문을 밖으로 뺄 때 작성법 (0) | 2023.01.24 |
| IF문 작성 시, 괄호 생략관련 (0) | 2023.01.24 |
| 오토셋 서버 활용 ajax load( ) 사용하기 (0) | 2023.01.06 |
원래는 for문 안에 초기값; 조건식; 증감문 이렇게 3개가 들어가야 하지만,
초기값의 경우, 밖으로 빼서 정의할 수 있음.
이때, 유의사항 => 반드시 for문 안에 세미콜론(;)이 표기되어야 한다!
| 문자열 메소드 학습하기 (0) | 2023.01.25 |
|---|---|
| 반복문 (for of, while, do while) (0) | 2023.01.25 |
| IF문 작성 시, 괄호 생략관련 (0) | 2023.01.24 |
| 오토셋 서버 활용 ajax load( ) 사용하기 (0) | 2023.01.06 |
| 자바스크립트 템플릿 리터럴 및 역따옴표("백틱") 개념정리 (0) | 2023.01.01 |
1.IF문 작성 시, 실행부가 한 줄로 끝나는 경우
1) 중괄호 없이 생략 가능
2) 아예 조건을 작성한 괄호 옆에다가 작성할 수도 있음
| 반복문 (for of, while, do while) (0) | 2023.01.25 |
|---|---|
| for문 사용 시, 초기값 및 증감문을 밖으로 뺄 때 작성법 (0) | 2023.01.24 |
| 오토셋 서버 활용 ajax load( ) 사용하기 (0) | 2023.01.06 |
| 자바스크립트 템플릿 리터럴 및 역따옴표("백틱") 개념정리 (0) | 2023.01.01 |
| 자바스크립트 내 이미지 경로 가져올 때 (0) | 2022.12.23 |
1.우선, <body> 본문 태그 작성
2.자바스크립트 활용, ajax load( ) 코드 작성
3.자바스크립트 연동된 <body> 태그 코드 작성
4.혹시라도 안되면 (*외부 서버 사용시)
구글 크롭 속성에서 아래 내용 추가!
--disable-web-security --user-data-dir=%LOCALAPPDATA%\Google\chromeTemp -–allow-file-access-from-files
| for문 사용 시, 초기값 및 증감문을 밖으로 뺄 때 작성법 (0) | 2023.01.24 |
|---|---|
| IF문 작성 시, 괄호 생략관련 (0) | 2023.01.24 |
| 자바스크립트 템플릿 리터럴 및 역따옴표("백틱") 개념정리 (0) | 2023.01.01 |
| 자바스크립트 내 이미지 경로 가져올 때 (0) | 2022.12.23 |
| 동일 객체에 매서드 혹은 속성을 추가할때에는 ","로 연결 (0) | 2022.12.23 |
https://sirius7.tistory.com/42
[Javascript] 역따옴표(백틱)을 이용한 템플릿 리터럴(template literal)
자바스크립트의 문자열 자바스크립트에서 문자열을 감싸는 따옴표로 '작은따옴표' , "큰따옴표" , `역따옴표(백틱)` 을 사용할수있다. let A = '작은따옴표'; let B = "큰따옴표"; let C = `역따옴표`; cons
sirius7.tistory.com
템플릿 리터럴은 역따옴표(`)로 감싼 문자열 중간에 ${...}로 감싼 표현식을 표현할 수 있도록 하는 기능!
| IF문 작성 시, 괄호 생략관련 (0) | 2023.01.24 |
|---|---|
| 오토셋 서버 활용 ajax load( ) 사용하기 (0) | 2023.01.06 |
| 자바스크립트 내 이미지 경로 가져올 때 (0) | 2022.12.23 |
| 동일 객체에 매서드 혹은 속성을 추가할때에는 ","로 연결 (0) | 2022.12.23 |
| 증감연산자 위치의 중요성! (0) | 2022.12.23 |
우선, 자바스크립트 안에서는 img src를 활용해 경로를 불러올때, 아래와 같이 백슬래시를 활용!
그리고 경로 내 반복해서 변수값을 가져와야 한다면, 아래와 같이
" + com + " 혹은 " + osImg + " 이렇게 표기한다!
| 오토셋 서버 활용 ajax load( ) 사용하기 (0) | 2023.01.06 |
|---|---|
| 자바스크립트 템플릿 리터럴 및 역따옴표("백틱") 개념정리 (0) | 2023.01.01 |
| 동일 객체에 매서드 혹은 속성을 추가할때에는 ","로 연결 (0) | 2022.12.23 |
| 증감연산자 위치의 중요성! (0) | 2022.12.23 |
| 자바스크립트 태그 위치의 중요성 (0) | 2022.12.23 |
일반적으로 자바스크립트의 경우, 세미콜론 ";"을 통해 문장의 종료를 표시하지만, 동일 객체 내 매서드 및 속성 추가시에는 쉼표 ","를 활용해서 구분합니다!
| 자바스크립트 템플릿 리터럴 및 역따옴표("백틱") 개념정리 (0) | 2023.01.01 |
|---|---|
| 자바스크립트 내 이미지 경로 가져올 때 (0) | 2022.12.23 |
| 증감연산자 위치의 중요성! (0) | 2022.12.23 |
| 자바스크립트 태그 위치의 중요성 (0) | 2022.12.23 |
| window.open 작업시, 왼쪽정렬 기능이 적용안되는이유 (0) | 2022.12.10 |
증감연산자 i++ (*본인의 값을 키우기 전에 먼저 값을 전달한 이후 자신의 값을 키우는 연산자!)
> 아래 이미지처럼 나온다면 실제 증감연산자의 기능을 100% 구현하기 어려움.
document 객체 및 write 메서드가 먼저 입력되기 때문에 그 다음에 오는 i++ 라는 증감연산자의 역할은
실제로 큰 의미가 없게됨. 그렇기 때문에 해당 증감연산자를 구현하려면, document.write 앞에 입력해줘야 의미가 있음!
| 자바스크립트 내 이미지 경로 가져올 때 (0) | 2022.12.23 |
|---|---|
| 동일 객체에 매서드 혹은 속성을 추가할때에는 ","로 연결 (0) | 2022.12.23 |
| 자바스크립트 태그 위치의 중요성 (0) | 2022.12.23 |
| window.open 작업시, 왼쪽정렬 기능이 적용안되는이유 (0) | 2022.12.10 |
| prompt로 데이터 수집 후 숫자로 계산할 때 방법! (0) | 2022.12.06 |