분류 전체보기
-
[Home Server] 개요생활코딩/WEBn 2020. 9. 8. 19:24
[강의 출처] opentutorials.org/course/3265 WEB2 - Home server - 생활코딩 수업소개 이 수업은 자신의 집에서 서버를 운영하는 방법을 알려드리는 수업입니다. 가정에서는 보통 공유기를 이용해서 인터넷을 이용하는 경우가 많습니다. 이런 환경에서 서버를 운영하기 � opentutorials.org IP주소(IP address) 컴퓨터 네트워크에서 기기들이 서로를 인식하고 통신하기 위해 사용하는 특수한 번호 기존에는 32비트 길이의 IPv4(IP version 4) 체계를 사용해왔으나(2**32개 수용 가능) 단말기가 늘어나면서 번호가 부족해짐에서 따라 IPv6로 변경하는 중(2**128개 수용 가능) 공유기(Router) IP주소는 돈을 주고 사야한다. 보통은 통신사와 계..
-
[JS] 객체 지향 - 표준내장객체와 확장, 데이터 타입, 참조생활코딩/ 2020. 9. 7. 16:27
[강의 출처] opentutorials.org/course/743 JavaScript - 생활코딩 2018년 8월 1일부터 14일까지 10일동안 코딩야학 4기가 시작됩니다. 혼자 공부하지 마시고, 함께 공부해보세요. 현업의 엔지니어들이 기술지원과 상담을 해드리고, 완주하신 분들께는 수료증도 드 opentutorials.org 표준 내장 객체(Standard Built-in Object) -자바스크립트에서 공식적으로 지원하는 기본 객체(↔사용자 정의 객체) -Object, Function, Array, String, Boolean, Number, Math, Date, RegExp 일반적으로 array를 인풋으로 함수를 정의하면 이렇다. var arr = new Array('a', 'b', 'c', 'd',..
-
[JS] 객체 지향 - 생성자와 new, 전역객체, this, 상속, prototype생활코딩/ 2020. 9. 5. 00:25
[강의 출처] opentutorials.org/course/743/6584 객체지향 - 생활코딩 객체지향 프로그래밍은 크고 견고한 프로그램을 만들기 위한 노력의 산물이다. 객체지향이라는 큰 흐름은 현대적 프로그래밍 언어들을 지배하고 있는 가장 중요한 맥락이라고 할 수 있다. 하지 opentutorials.org 객체 지향 프로그래밍(Object Oriented Programming) -프로젝트가 확장되면서 기존의 절차적인 방법으로 정리하기 어려워질 때, 기능별로 로직을 구분해서 정리하는 방식 중 하나 -해당 문법과 설계방식(문제의 복잡성을 적절히 단순화하여 설계하는 추상화(abstract)와 그룹핑, 캡슐화 등)을 아우르는 개념 -JS는 Prototype-based Programming에 속함 생성자(c..
-
[JS] 함수 - 유효범위, 콜백, 클로저, arguments, 호출생활코딩/ 2020. 9. 3. 18:35
[강의 출처] opentutorials.org/course/743/6583 함수지향 - 생활코딩 함수지향 카테고리의 하위 수업들은 함수형 언어로서 자바스크립트의 면모를 다룬다. 자바스크립트의 핵심적인 도구는 함수다. 자바스크립트의 함수는 매우 강력하다. 함수에 대한 이해 없이�� opentutorials.org 유효범위(Scope): -변수를 선언할 때 'var'는 해당 변수가 지역변수(local variable)임을 의미 -한번 지역변수로 선언한 이후에는 해당 범위(지역) 내에서는 지역변수로 사용됨 -자바스크립트는 함수 단위로 유효범위를 제공(if, for, while등의 블록 단위에는 제공 X) -유효범위는 선언 맥락에 따라 유효범위가 결정되는 Lexical Scoping 방식을 따른다 var vsc..
-
[JS] 개요 - 함수, 배열, 객체, 모듈, Reference 참조, 정규식생활코딩/ 2020. 9. 1. 20:16
[강의 출처] opentutorials.org/course/743/4729 함수 - 생활코딩 함수 함수(function)란 하나의 로직을 재실행 할 수 있도록 하는 것으로 코드의 재사용성을 높여준다. 함수의 형식 함수의 형식은 아래와 같다. function 함수명( [인자...[,인자]] ){ 코드 return 반환값 } opentutorials.org 함수(function): 재사용성, 유지보수의 편리함, 가독성에 유의해서 작성 함수 정의방법1 // 함수 정의방법 1 function get_argument(arg1, arg2){ // 매개변수(parameter) return arg1 + arg2; }; console.log(get_argument(10, 20)); // 인자(argument) 함수 정의..
-
[JS] 개요 - 숫자와 문자열, 변수, 비교연산자, 조건문, 반복문생활코딩/ 2020. 8. 31. 22:46
const object = { a: 1, b: 2, c: 3 }; for (const property in object) { console.log(`${property}: ${object[property]}`); } // expected output: // "a: 1" // "b: 2" // "c: 3" // https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/for...in [강의 출처] opentutorials.org/course/743 JavaScript - 생활코딩 2018년 8월 1일부터 14일까지 10일동안 코딩야학 4기가 시작됩니다. 혼자 공부하지 마시고, 함께 공부해보세요. 현업의 엔지니어들이 기술지원과 상담을..
-
[JS] 나머지 개념들 - library, framework, UI, API생활코딩/WEBn 2020. 8. 29. 19:41
[강의 출처] opentutorials.org/course/3085/18886 라이브러리와 프래임워크 - 생활코딩 라이브러리와 프래임워크 2017-12-02 16:24:54 opentutorials.org Library & FrameWork 다른 이들이 작성해둔 코드들의 도서관 같은 곳 library가 각각의 부품이나 도구들의 전시장이라면 framework는 뼈대나 골격이 이미 잡힌 반제품들을 완성시키는 느낌 전체적인 흐름을 누가 결정하느냐에 따라 구분된다고 생각하면 됨 [참고] 라이브러리와 프레임워크의 사용법과 효용 js 라이브러리인 jQuery를 사용한다고 할 때, 똑같이 html문서에서 js로는 길게 작성해야되는 코드들에 대해서 간단하게 처리 가능한 이점이 있음 아래처럼 'a'태그의 글자색을 빨간색..
-
[JavaScript] 개요생활코딩/WEBn 2020. 8. 28. 22:17
[강의 출처] opentutorials.org/course/3085 WEB2 - JavaScript - 생활코딩 수업소개 이 수업은 https://opentutorials.org 를 만들어가면서 JavaScript에 대한 지식과 경험을 동시에 채워드리기 위한 목적으로 만들어진 수업입니다. 수업대상 이 수업은 웹 페이지를 사용자와 상� opentutorials.org JavaScript란? 사용자와 동적으로 상호작용(사용자의 조작에 반응해서 움직이는)하는 웹페이지를 구현하는 기술 주로 HTML을 제어하는 용도로 쓰이며, HTML 위에서 동작하도록 고안된 프로그래밍 언어 웹페이지에서 일어나는 일련의 사건들(event) 중 특별한 경우들(onclick, onchange, ...)을 통해 상호작용 가능 HTML..