본문 바로가기

Programing375

반복문 반복문은 일반적으로 리스트라는 꾸러미와 함께 같이 쓰인다. 위와 같은 형태로 ages의 리스트에 있는 자료를 일일이 출력하고 싶다 할 때, 이 숫자가 많으면 아래의 콘솔 코드를 계속 작성하기도 힘들다. 따라서 이와 같이 같은 명령을 반복할 때 반복문을 사용한다. (foreach) 'ages에서 하나씩 돌면서 안의 명령어를 실행한다' let ages = [15, 30, 28, 7, 40, 13]; ages.forEach(a => { if (a < 20) { console.log('청소년입니다') } else { console.log('성인입니다') } }); 위 함수는 반복문과 조건문을 동시에 사용한 것으로 조건문을 반복문이 품고 있는 형태이다. 출처 : 스파르타코딩클럽 Programing/JavaScript 2024. 2. 26.
조건문 기본형 if (조건) { 참일때 실행할 코드 } else { 거짓일 때 실행할 코드 } 출처 : 스파르타코딩클럽 Programing/JavaScript 2024. 2. 26.
변수 / 자료형 변수 변수 : 속성을 담는 그릇 결과 화면(콘솔창)에서는 대한민국 이라고 출력된다. 자료형 리스트 / 딕셔너리 리스트 a라는 변수에 사과 뿐만 아니라 수백개의 과일을 담고자 할 때, 이런 상황에서 쓰인다. let fruit = ['사과', '배', '수박']; console.log(a) // 사과만 꺼내고 싶을 때, 프로그래밍 언어는 0부터 시작 // console.log(a[0]) 딕셔너리 사과, 배, 수박과 같이 같은 종류이지만 완전히 다른 정보가 아니라, Bob이라는 사람의 이름, 나이, 키와 같이 한 정보에 종속되는 여러가지 정보를 사전처럼 하나의 그릇에 담고자 할 때 사용한다. let person = {'name':'bob', 'age':30, 'height':180} console.log(pe.. Programing/JavaScript 2024. 2. 26.
목록 스타일 (list-style-type) ul, ol 등의 목록을 작성할 때 ul(Unordered List)를 제외하고 ol(Ordered List)를 작성할 때 하위의 의 글머리기호의 서식을 정할 수 있는 속성이다. 속성값 disc : 채운 원 모양 // ● circle : 빈 원 모양 // ○ square : 채운 사각형 모양 // ■ decimal : 1부터 시작하는 10진수 // 1, 2, 3 decimal-leading-zero : 앞에 0이 붙는 10진수 // 01, 02 lower-roman : 로마 숫자 소문자 / i, ii, iii upper-roman : 로마 숫자 대문자 / I, II, III lower-alpha 또는 lower-latin : 알파벳 소문자 // a, b, c upper-alpha 또는 upper-alph.. Programing/CSS 2024. 2. 26.
글자 간격 조절 (letter-spacing, word-spacing) 두 스타일 속성의 차이 letter-spacing : 글자와 글자 사이를 조절 (자간) word-spacing : 단어와 단어 사이를 조절 보통은 letter-spacing으로 자간을 조절한다. letter-spacing의 속성값 px, em 같은 단위 또는 % 자간조절테스트 출처 : 웹 표준의 정석 (고경희 저) Programing/CSS 2024. 2. 26.