코딩정비소 코딩정비소

목표 display 속성중 하나인 inline 속성에 대해 이해한다. inline속성과 block 속성의 차이를 이해한다. display 속성이란? display는 화면에 보여주다는 의미한다. display 속성은 어떻게 화면에 보여줄지를 결정한다. display 속성중 none은 화면에 보여주지 않는다. display inline 속성이란? display의 속성은 inline, block, none, inline-block 등 여러가지 존재 inline 속성은 display의 default 값 ( display을 지정하지 않으면 inline 값을 가진다. ) inline 속성을 가진 tag로는 , , inline 속성은 줄 속에 넣는 요소. 즉 줄바꿈되지 않는다. 한줄에 여러개가 배치 가능하다. inl..

- 노드의 경우 동기식, 비동기식 IO를 둘 다 제공한다. - 파일 시스템에 접근하기 위해 fs 모듈을 사용한다. readfile(filename, encoding, callback) 비동기식으로 파일을 읽는다 readfileSync(filename, encoding) 동기식으로 파일을 읽는다 writefile(filename, data, encoding, callback) 비동기식으로 파일을 쓴다. writefile(filename, data, encoding) 동기식으로 파일을 쓴다 1) 파일 읽기 - 비동기 var fs = require('fs'); fs.readfile('./doit.txt','utf8', function(err, data) { console.log(data); }); - 동기 v..

- node는 이벤트 기반의 비동기 방식으로 처리된다. - 이러한 이벤트를 보내고 받을 수 있도록 EventEmitter라는 것이 만들어져 있다. 이벤트 보내고 받기 1) EventEmitter를 상속받는다. 2) 이벤트 받기 : on() 메서드로 이벤트가 전달될 객체에 이벤트 리스너 역할 3) 이벤트 보내기 : emit() 메소드로 이벤트를 다른 쪽으로 전달. var util = require('util'); var EventEmitter = require('events').EventEmitter; var csfroka = function (){ this.on('start', function(){ console.log('csforka 실행'); }) this.on('end', function(){ co..

1. 이름 없는 함수 (함수 표현식) var person = function (name, age){ this.name = name; this.age = age; } 2. 이름 있는 함수 일반적인 프로그래밍 언어에서 함수 선언과 비슷한 형식. 익숙한 형태 (함수 선언식) function Person(name, age){ this.name = name; this.age = age; } 두 개의 차이점은 무엇일까? - 이름있는 함수(함수 선언식)인 경우 호이 스팅의 영향을 받는다. - 이름없는 함수(함수 표현식)인 경우 호이 스팅의 영향을 받지 않는다. AirBnb JS Style 가이드에서는 이름 있는 함수보다는 이름 없는 함수를 선언한다고 합니다.ㅎㅎ 자기에게 편한 방식으로 코딩해보세요 ~ ㅎㅎ

1. 프로토타입 객체 정의하기 - 함수를 사용 function Person(name, age){ this.name = name; this.age = age; } this는 함수를 호출하는 객체를 가리킨다. - 프로토 타입 객체에 함수 정의하기 Person.prototype.walk = function (speed){ console.log(speed + '속도'); } 객체에 함수를 정의하는 것보다는 프로토타입에 정의하는 방식 메모리를 효율적으로 관리할 수 있다. ※ 개념이 튼튼한 분들은 여기서 궁금증이 생길 수 있다. 굳이 왜? 프로토타입에 정의해야 하지? function Person(name, age){ this.name = name; this.age = age; this.walk = function ..

목표 기초적인 정렬 알고리즘 중 삽입 정렬 알고리즘에 대해 이해한다. 기초적인 장렬 알고리즘 중 삽입 정렬 알고리즘을 c++로 구현한다. 삽입 정렬 알고리즘이란? 삽입 정렬 알고리즘은 정렬된 위치에 삽입한다 하여 삽입 정렬 알고리즘이다. 자료 배열의 모든 요소를 정렬된 배열 부분과 비교하여. 자신의 위치에 삽입하는 알고리즘이다. 쉽게 일상에서 손안의 카드를 정렬하는 방법과 유사하다. 삽입 정렬 알고리즘의 예 31 8 45 73 3 삽입 정렬 알고리즘의 특징 배열의 모든 요소가 대부분 정렬되어 있는 경우 아주 효율적! 입력자료가 역순인 경우 최악의 경우로 n^2의 시간 복잡도를 가진다. 삽입 정렬 알고리즘의 구현 #include using namespace std; int main (){ int i, j,..

목표 state 관리 redux로 변경 코드 리펙토링 구현 - Redux의 개념 잡기 1. 생활 코딩 : Redux의 흐름 및 사용법 이해 2. 제로초 : React에서 Redux 사용법 이해 3. StackOverflow : ReactNative에서 Redux, Fetch 사용법 이해 https://opentutorials.org/module/4078 Redux 수업소개 예측 가능한 애플리케이션의 상태 저장소인 Redux를 다루는 수업입니다. 이 수업에서는 순수한 웹기술인 HTML, JavaScript와 Redux만을 이용해서 웹애플리케이션을 만들어 볼 것입니다. 이 수업은 아래와 같은 내용을 다루고 있습니다. Redux의 동작 방법 Redux를 사용하는 이유 Redux를 이용해서 할 수 있는 일들 시..

파이프 파이프 쉘 파이프 구현 파이프 함수 이름 있는 파이프 목표 파이프의 개념과 원리에 대해 이해한다. 파이프를 이용해 부모 자식 간의 통신을 해본다. 파이프란? 파이프는 주로 액체(물) 수송에 많이 사용된다. 물이 들어가는 곳과 물이 나오는 곳이 정해져 있다. 즉 한 방향 통신임을 추측할 수 있다 파이프는 프로세스 간의 데이터 통신에 사용된다. 파이프는 두 개의 파일 기술자를 가진다 하나의 파일 기술자는 쓰기용, 다른 하나는 읽기 용으로 읽는다. 파이프 사용해보기 파이프를 이용해 데이터를 읽고 데이터를 출력해보겠습니다. $ who | sort who로 입력된 데이터를 파이프에 넣은 다음 sort 명령어를 이용해 순차적으로 출력. 파이프를 사용한 부모 자식 간에 데이터 통신 #include #inclu..