분류 전체보기
-
[WEB2] JavaScript : 21.반복문, 22.배열과 반복문IT/생활코딩 2020. 12. 5. 02:13
■ 들어가기 - 생활코딩 내 강의를 들으며 정리하는 블로그 - 21.반복문: https://youtu.be/ZupPmuWPSdE - 22.배열과 반복문 : https://youtu.be/BjkfkKdlvLo - 23.배열과 반복문의 활용 : https://youtu.be/hZdBDoYHd7E 1. 반복문 - 특정 코드를 반복하여 사용할 필요성이 있는 경우 사용 - 사용법 while( 조건식 ) { 코드 } >> 조건식은 [ true | false ] 로 구분되는 boolean 타입이며, true를 만족하는 동안 { } 안의 코드를 수행 2. 배열과 반복문 - 반복문 조건식을 배열의 길이(배열.length)로 제한하고, { } 안의 코드 수행을 위해 배열의 데이터를 출력하기 위해 사용 document.qu..
-
[WEB2] JavaScript : 20.배열IT/생활코딩 2020. 12. 5. 01:18
■ 들어가기 - 생활코딩 내 강의(https://youtu.be/aBJzzhQ6y-o) 를 들으며 정리하는 블로그 1. 배열 - 많은 물건을 서랍에 담아 보관하는 것처럼 여러 동일한 타입의 데이터를 담아 놓는 객체 - 사용법 var array = ["sample1", "sample2"] ; - 배열은 순서대로 데이터를 저장하며 각 위치는 0부터 시작하는 index를 부여하여 구분 - 배열 안의 각 항목은 원소(element)라고 명명 2. 배열 길이(갯수) 구하기 - 사용법 var array = ["sample1", "sample2"] ; array.length - 참고: bit.ly/33F46Fx 3. 배열에 데이터 추가하기 - push() 메서드를 호출하여 배열의 끝에 데이터를 추가 - 사용법 var..
-
[WEB2] JavaScript : 16.조건문, 17.조건문의 활용IT/생활코딩 2020. 12. 5. 00:02
■ 들어가기 - 생활코딩 내 강의를 들으며 정리하는 블로그 - 16.조건문 : https://youtu.be/wjlbT3hvDMc - 17.조건문의 활용 : https://youtu.be/Gt2iGEEKXww 1. if 조건문 - if (true | false) { code } -> 조건문 값이 참이면 블럭 내 코드가 수행되며, 거짓인 경우 skip된다. 2. value값 가져오기 - document.querySelector(selector) -> selector의 코드값 그대로 가져옴 - 값(value)을 가져오려면 위의 코드에 .value 를 수행 -> document.querySelector(selector).value
-
[WEB2] JavaScript : 15.비교 연산자와 블리언 (with if문)IT/생활코딩 2020. 12. 4. 23:32
■ 들어가기 - 생활코딩 내 강의(https://youtu.be/A2qp-jpk_XA) 를 들으며 정리하는 블로그 1. 관련 명령어 - document.write() : 파라미터로 전달받은 값을 출력 - === : 비교 연산자 (혹은 이항 연산자) // 이항 연산자: 연산자를 기준으로 좌항, 우항을 비교하는 연산자 비교 연산을 통해 참(true)/거짓(false) 을 반환함 (boolean: true/false)
-
[WEB2] JavaScript : 12.제어할 태그 선택하기IT/생활코딩 2020. 12. 4. 23:00
■ 들어가기 - 생활코딩 내 강의(https://youtu.be/5tqfbgfA1LY) 를 들으며 정리하는 블로그 1. 목표 - 버튼 클릭 이벤트 발생 시 태그 내 style 속성을 동적으로 생성 2. 관련 명령어 - document.querySelector(selector) 3. 해설 - HTML 문서 내에서 파라미터로 전달된 특정 선택자(selector)와 일치하는 "첫 번째" 원소(element)를 가져옴 - 일치하는게 없으면 null 반환 (참고: MDN문서) [잠깐] CSS 선택자(selector) - 여기 참고!
-
2020.12.02일상기록/일기 2020. 12. 3. 01:53
#1. 2020년이 이제 한 달도 채 남지 않았다. 지난 1월, 2020년을 맞이하면서 내가 다짐했던 내용을 보았는데.. 부끄럽다.. ㅠㅠ #2. 올해는 "코로나19"라는 특수한 상황이란 것을 감안하더라도. 계획했던 것 중에 그나마 "1일 1블로그"는 아니더라도 "1주 1블로그" 정도는 지키는 것 같다..;; #3. 그래도 꿈은 원대하게 가지랬다. 올해 돌아보면서 내년에도 큰 꿈을 가져봐야겠다. ㅋㅋㅋ #번외. 서울 지역 부동산을 한 눈에 알아보려고 지도를 구입했다. 딸래미가 그 지도를 보더니 "보물지도"란다. 그러면서 보물지도를 가져가려고 어찌나 떼를 쓰던지.. ㅋ 아빠가 부동산 지도를 진짜 보물지도로 만들어볼께!!
-
[WEB2] JavaScript : 9.CSS 기초IT/생활코딩 2020. 12. 3. 00:47
■ 들어가기- 생활코딩 내 강의(https://youtu.be/HQgNj50Xt9g) 를 들으며 정리하는 블로그 1. style 속성- HTML 특정 태그 내 디자인적으로 변경하고 싶은 경우, 해당 태그에 style 애트리뷰트(속성)을 추가하고 속성값으로 CSS 문법을 사용 2. 특정 정보 제어- HTML 본문 내 특정 문구를 변경하고 싶은 경우 태그를 사용한다.- 태그는 어떠한 기능/의미 없음. 다만, CSS 혹은 JavaScript를 통해 제어하고 싶을 때 사용하는 태그- 다만 태그는 태그 등과 마찬가지로 줄바꿈이 되어진다. => 이를 대체하기 위해서는 태그를 사용! 3. 선택자- 태그 내 class 속성을 지정한 후 태그 내 해당 클래스를 지정하면 CSS를 일괄적으로 적용 가능!- 선택자를 통해 C..
-
[WEB2] JavaScript : 8.웹브라우저 제어IT/생활코딩 2020. 12. 3. 00:39
■ 들어가기- 생활코딩 내 강의(https://youtu.be/S62m_ddSls4) 를 들으며 정리하는 블로그 1. 웹브라우저 제어- HTML에서 배경화면과 글자색 설정을 위해서는 태그 내에 선택자를 통해 정의하며 CSS 코드로 작성 - HTML 태그 내 style 속성(애트리뷰트)에 CSS 코드로 작성 가능한데, 이때 작성된 CSS값은 변경이 불가한 정적인 데이터이다.- 버튼 클릭 시 배경화면과 글자색을 변경하는 이벤트를 생성하고자 하는 경우, 이벤트 제어코드(ex. onclick, onchange..) 를 통해 CSS 코드를 동적으로 설정 가능! 2. CSS- 다음 강의를 통해 아래 내용을 배울 수 있다CSS는 어떤 목적의 언어인가요?CSS를 웹페이지에 삽입하는 방법은 무엇인가요?style 속성은 ..