일상, 기록 일상, 기록

IT/생활코딩

• [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 : 29.객체

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

  ■ 들어가기 - 생활코딩 내 강의를 들으며 정리하는 블로그 - 29.객체예고 : https://youtu.be/6lJEbSYA4B4 - 30.객체 쓰기와 읽기 : https://youtu.be/2j04s1erzTs - 31.객체와 반복문 : https://youtu.be/GIB8O6R3wko - 32.객체 프로퍼티와 메소드 : https://youtu.be/mjzx1qbyPwU 1. 객체 - 서로 연관된 함수와 서로 연관된 변수를 그룹핑하여 사용할 수 있게 한 상태 - 객체 안에 존재하는 함수를 메서드라 부름 [참고] 배열 : 정보를 담기 위해 순서대로 저장 -> 순서대로 정보를 저장하지 않는 것은? 객체이다. -> 그렇다면 정보를 무작위로 담는가? 아니다. 이름을 부여하고 그 이름으로 정보를 꺼낸다! ..

  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