일상, 기록 일상, 기록

생활코딩

• [WEB2] JavaScript : 36.UI & API

  IT/생활코딩 2020. 12. 7. 01:12

  ■ 들어가기 - 생활코딩 내 강의를 들으며 정리하는 블로그 - 36.UI & API : https://youtu.be/FrqgeNgUSB0 1. UI & API - UI : User Interface - API : Application Programming Interface - 사용자는 위의 'click me' 버튼과 같은 조작장치를 이용해서 웹application을 사용하고 있으며, 이와 같이 사용자(user)가 시스템을 제어하기 위해 사용하는 조작장치를 User Interface 즉, UI라고 부름 - 위의 경고창은 코드 상에서 alert 메서드를 호출함으로써 생성되는 것으로써, application을 만들기 위해서 programming 시 사용하는 조작장치를 Application Programmin..

  Read More
• [WEB2] JavaScript : 34.파일로 관리하기

  IT/생활코딩 2020. 12. 7. 00:52

  ■ 들어가기 - 생활코딩 내 강의를 들으며 정리하는 블로그 - 34.파일로 쪼개서 정리 정돈하기 : https://youtu.be/1f7Svm6ivDY - 35.라이브러리와 프레임워크 : https://youtu.be/pJTpl3umvE8 1. 파일로 관리하기 - html 파일 내 태그에 작성한 코드는 별도 파일(*.js) 로 작성 후 로딩할 수 있음 - 태그 내 src 속성(애트리뷰트)에 js파일명을 기재하면, 해당 html 파일 로딩 시 해당 js파일도 함께 로딩됨 2. 라이브러리(library) vs 프레임워크(framework) - 라이브러리 : 재사용하기 쉽도록 정리되어 있는 S/W - 프레임워크 : 개발 목적에 따라 공통적인 틀은 프레임워크로 만들고 기능/개성에 따라 수정할 수 있도록 하는 S..

  Read More
• [WEB2] JavaScript : 25.함수

  IT/생활코딩 2020. 12. 6. 23:05

  ■ 들어가기 - 생활코딩 내 강의를 들으며 정리하는 블로그 - 25.함수 : https://youtu.be/IOuePUzLdnQ - 26.매개변수(parameter)와 인자(argument) : https://youtu.be/MXf9UqMXuGM - 27.리턴 : https://youtu.be/6MzCHO8M3Uc 1. 함수 - 문법 : 태그 내 function 키워드로 함수 작성 function 함수명() { 코드 } 2. 함수: 매개변수(parameter)와 인자(argument) - 함수는 입력(input)과 출력(output)으로 구성되어 있으며 - 입력(input)값을 다르게 전달하여 결과(return)를 가변적으로 받고 싶을 경우 매개변수를 사용한다. - 문법 : function 함수명( 매개..

  Read More
• [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..

  Read More
• [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..

  Read More
• [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

  Read More
• [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)

  Read More
• [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..

  Read More