Phot_o_matic Programming

고정 헤더 영역

글 제목

메뉴 레이어

Phot_o_matic Programming

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기
    • Programming
      • TIL
      • Concept
      • Algorithm
      • Hello, stranger
      • Mindchain
      • Python
      • Vue
      • React
      • Git
      • GraphQL
      • Database
      • Twittler
      • Typescript
    • Photography
      • Olympus
      • Canon
    • IT
    • Daily
      • Yummy

검색 레이어

Phot_o_matic Programming

검색 영역

컨텐츠 검색

Programming

  • this의 적용

    2019.04.15 by 쌩우

  • Closure Module Pattern

    2019.04.15 by 쌩우

  • Array Methods of Javascript

    2019.04.15 by 쌩우

  • 코딩 스타일 Part 3. Operators and keywords (연산자와 키워드) - Javacript

    2019.04.13 by 쌩우

  • 코딩 스타일 Part 2. Quoting and Semicolons - Javascript

    2019.04.13 by 쌩우

  • 코딩 스타일 Part 1. 이름 짓기 - Javascript

    2019.04.13 by 쌩우

  • 쿠키(Cookie) Part 1 - Node.js

    2019.04.12 by 쌩우

  • 직사각형 별찍기 - Javascript

    2019.04.10 by 쌩우

this의 적용

Programming/Concept 2019. 4. 15. 12:50

Closure Module Pattern

변수를 scope 안쪽에 감추어 함수 밖에서 노출시키지 않을 수 있음 function makeCounter() { var privateCounter = 0; function changeBy(val) { privateCounter += val; } return { increment: function() { changeBy(1); }, decrement: function() { changeBy(-1); }, getValue: function() { return privateCounter; } } } var counter1 = makeCounter(); counter1.increment(); counter1.increment(); var counter2 = makeCounter(); counter2.incre..

Programming/Concept 2019. 4. 15. 12:04

Array Methods of Javascript

1) Array.isArray(obj) arguments : 검사할 객체 return value : boolean 검사할 객체가 배열이면 true, 아니면 false를 반환 2) arr.forEach(callback) arguments : element의 길이만큼 반복하는 함수 parameters - 순서대로 (현재 element, 현재 index, 배열 그 자체) return value : 없음 element마다 함수를 반복 실행한다 3) arr.map(callback) arguments : element의 길이만큼 반복하는 함수 parameters - 순서대로 (현재 element, 현재 index, 배열 그 자체) callback에서 return 필요 기존 배열과 동일한 길이를 갖고, 형태가 다른 ..

Programming/Concept 2019. 4. 15. 11:18

코딩 스타일 Part 3. Operators and keywords (연산자와 키워드) - Javacript

엄격한 비교 연산자를 사용하라! "==" 혹은 "!="를 사용할 경우, 의도치 않게 비교 대상의 type이 변하여 비교 연산이 실행될 수 있다. 그러므로 반드시 "===" 와 "!=="를 사용하자. 나쁜 예) // This comparison evaluates to true, because after type coercion, zero and the empty string are equal. if (0 == '') { alert('looks like they\'re equal'); } 3항 연산자 (x ? y : z) : x가 참이면 y를, 거짓이면 z를 실행한다. 읽기는 어렵지만, 코드를 간략하게 해준다. 예) return (actual === expected) ? 'passed' : 'FAILED [..

Programming/Concept 2019. 4. 13. 23:44

코딩 스타일 Part 2. Quoting and Semicolons - Javascript

1) Quoting - 인용 : Javascript의 string문자열을 쓸 때에는 처음과 끝에 작은 따옴표를 쓰자. 혹은 작은 것이나 큰 것 중 하나의 종류만 꾸준하게 사용하자. 대신, 작은 따옴표를 쓰면 HTML을 쉽게 삽입할 수 있다. HTML은 기본적으로 태그 속성의 주위에 큰 따옴표를 붙이기 때문이다! 예외) 줄바꿈이 필요한 문자열의 정의 var multilineText = `this is line one this is line two this is line three`; 2) Semicolons - 세미콜론 : 코드 문장의 끝에는 항상 ";"을 쓰자. if, for, while 구문의 끝에는 세미콜론을 사용하지 않아야 한다. 예) if (condition) { response(); } 함수 표..

Programming/Concept 2019. 4. 13. 23:29

코딩 스타일 Part 1. 이름 짓기 - Javascript

1) Variable names - 변수의 이름 : 변수의 이름은 하나의 단어로 표현하는 것이 가장 좋다. 본인이 다루고 있는 문제의 영역, 핵심을 잘 묘사해주는 단어일수록 좋다. 또한, 구조적인 부분보다 변수의 목적을 고려하여 이름을 지어야 한다. 예) Good : var animals = ['cat', 'dog', 'fish']; Bad : var targetInputs = ['cat', 'dog', 'fish']; 2) Boolean names - Boolean 이름 : Boolean에 관한 변수의 이름은 전형적인 형식을 가진다. Boolean 값은 참 또는 거짓이므로, 관련 변수의 이름 앞에 "is" 혹은 "are"을 붙인다. 예) "isValid" 또는 "areAvialable" 3) Funct..

Programming/Concept 2019. 4. 13. 23:17

쿠키(Cookie) Part 1 - Node.js

쿠키(cookie)란 웹서버의 정보를 웹브라우저에 저장해서 개인화, 인증, 사용자 추적 등의 기능을 구현할 수 있도록 해주는 것이다. 이번 글에서는 nodejs를 사용하여 쿠키를 알아본다. 1. 생성 //http 모듈을 사용하여 간단하게 서버를 구축 var http = require('http'); http.createServer(function(request, response){ //request에 대한 response가 정상적으로 성공하였을 경우, 'Set-Cookie'로 쿠키를 생성하는 코드이다. //아래에서는 배열의 요소로서 차례대로 입력하여 'yummy-cookie=choco'와 'tasty-cookie=strawberry' 두 개의 쿠키를 생성한다. response.writeHead(200, ..

Programming 2019. 4. 12. 01:19

직사각형 별찍기 - Javascript

표준입력으로 주어지는 두 개의 정수 n과 m에 대하여, 별(*) 문자를 이용해 가로길이 n, 세로길이 m인 직사각형 형태를 출력하시오. (n, m은 각각 1000 이하의 자연수) 입력 : 5 3 출력 : ***** ***** ***** process.stdin.setEncoding('utf8'); process.stdin.on('data', data => { const n = data.split(" "); const a = Number(n\[0\]), b = Number(n\[1\]); for(var i=0; i 이중반복문을 이용하였다. 먼저 첫번째 for 문은 총 세로 길이를 정의해주고, 두번째 내부 for 문은 총 가로길이의 별문자가 몇 개로 구성될지를 정의해준다. 빈 문자열 변수인 str은 내부 f..

Programming/Algorithm 2019. 4. 10. 18:31

추가 정보

인기글

최신글

페이징

이전
1 ··· 21 22 23 24 25
다음
Phot_o_matic Programming © phot_o_matic
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바