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

  • Typescript로 블록체인 만들기 1) Typescript 환경 설정과 compiling - Typescript

    2019.04.26 by 쌩우

  • moudle의 import and export - Javascript ES6

    2019.04.25 by 쌩우

  • 124 나라의 숫자 (진법 변환의 원리 이해) - Javascript

    2019.04.25 by 쌩우

  • Object assign으로 JS객체 만들기 - Javascript ES6

    2019.04.23 by 쌩우

  • class(keyword)를 통한 객체 생성 - Javascript ES6

    2019.04.23 by 쌩우

  • rest parameter - Javascript ES6

    2019.04.23 by 쌩우

  • function default parameters - Javascript ES6

    2019.04.23 by 쌩우

  • _.each and _.reduce - Lodash

    2019.04.22 by 쌩우

Typescript로 블록체인 만들기 1) Typescript 환경 설정과 compiling - Typescript

Typescript는 기본적으로는 Javascript와 다르지 않다. 하지만 Typescript 파일을 Javascript 파일로 변환하는 과정(compiling)이 있어야 Nodejs 등에서 인식을 할 수 있으므로, 그에 필요한 사전설정이 필요하다. typescript를 사용하기 위한 설치 방법은 다른 사람들이 잘 정리해놓아서 따로 기재하진 않겠다. 블록체인 만들기에서는 "yarn"이라는 패키지 매니저를 사용할 것이므로, 따로 yarn 설치를 해 주었다. 그 후 yarn init으로 package.json 생성 및 기본 정보 설정 index.ts라는 이름의 typescript 파일 생성 package.json의 "scripts"에 "prestart"와 "start" 추가 (yarn start 실행 시,..

Programming/Typescript 2019. 4. 26. 02:28

moudle의 import and export - Javascript ES6

module의 import와 export 방법을 알아보자. 구성은 모듈을 작동시키는 app.js와 모듈 파일로 나뉜다. 각 모듈은 현재 시간을 호출하는 것(getCurrentTime)과 콘솔에 로그를 찍어주는 역할(logging)을 하는 모듈로 구분한다. app.js import timing from './getCurrentTime'; // default로 export된 것은 이름으로 import 한다. import {_} from './logging'; // default로 export 된 것이 아니면 {} 안에 입력해서 import 한다. const test = new timing(); _.log(`It is ${test.getCurrentHour()}`) _.log(`Now is ${test.get..

Programming/Concept 2019. 4. 25. 19:16

124 나라의 숫자 (진법 변환의 원리 이해) - Javascript

문제 124 나라에는 자연수만 존재하고, 124 나라에서는 모든 수를 표현할 때 1, 2, 4만 사용합니다. 10진법 : [1,2,3,4,5,6,7,8,9,10] 1 124 나라 : [1,2,4,11,12,14,21,22,24,41] 자연수 n이 매개변수로 주어질 때, n을 124 나라에서 사용하는 숫자로 바꾼 값을 return 하도록 solution 함수를 완성해 주세요. 풀이 일종의 진법 변환과 같은 원리로 보아야 할 것 같다. 진법 변환 시에는 몇 진수를 이용한 표현법인지를 파악하는 것이 우선이다. 여기서는 1,2,4 숫자 세 개를 사용하므로 진법 표기의 주기는 3이었다. 10진법 자연수 n을 3으로 나누었을때의 나머지에 대해서 각각 0, 1, 2일 때를 고려하면 될 것이다. function sol..

Programming/Algorithm 2019. 4. 25. 15:37

Object assign으로 JS객체 만들기 - Javascript ES6

Object assign method const healthObj = { showHealth : function() { console.log("오늘 운동시간 : " + this.healthTime) } } const myHealth = Object.create(healthObj); myHealth.healthTime = "10:30"; myHealth.name = "sangwoo"; console.log(myHealth); //myHealth가 일반 객체가 아니라 prototype 객체 안에 포함됨. Object.Prototype.----이런식으로 작성하지 않아도 됨. //문제는 .healthTIme .name 처럼 일일히 다 지정해줘야 함 Object assign 방법 const healthObj = ..

Programming/Concept 2019. 4. 23. 20:36

class(keyword)를 통한 객체 생성 - Javascript ES6

Javascript에는 class가 없지만, ES6에서는 class라는 keyword가 생겨서 사용할 수 있게 되었다. 기존의 this context 방법 function Health(name) { this.name = name; } Health.prototype.showHealth = function() { console.log(this.name + "님 안녕하세요"); } const h = new Health("sangwoo"); h.showHealth(); // "sangwoo님 안녕하세요" class 방법 -> 실제로는 위의 방법과 같은 원리도 작동하는 것 class Health { constructor (name, lastTime) { this.name = name; this.lastTime =..

Programming/Concept 2019. 4. 23. 19:41

rest parameter - Javascript ES6

기존 방법으로는 어떤 arguments들에 대한 판별이 필요할 때 아래와 같은 방법을 사용하였다. //arguments가 전부 숫자로만 이루어져있는지 판별하는 함수 checkNum function checkNum() { const argArray = Array.prototype.slice.call(arguments); console.log(toString.call(argArray)); // Array const result = argArray.every(v => typeof v === "number") // every method는 array의 element들이 해당 조건을 모두 만족하면 true, 아니면 false를 return한다 console.log(result); } const result = c..

Programming/Concept 2019. 4. 23. 19:21

function default parameters - Javascript ES6

function sum(value, size) { return value * size; } console.log(sum(3, 10)) // 30 console.log(sum(3)) // NaN 위처럼 두번째 parameter 값을 입력하지 않은 경우에는 NaN과 같은 값이 나올 수 있다. 이런 경우, 두번째 parameter 값이 입력되지 않을 경우에 기본값(default parameter)을 지정해 줄 수 있다. //아래의 방법과 같이 쓸 수도 있다. function sum(value, size) { size = size || 1 ; return value * size; } //더 간단히 하면, function sum(value, size=1) { return value * size; } default..

Programming/Concept 2019. 4. 23. 19:04

_.each and _.reduce - Lodash

codestates pre course 과제 중, lodash method를 하나씩 구현하는 과제가 있었다. 그 중에 IAT 문제로 나왔던 _.reduce 구현이 까다로웠던 것으로 기억해 정리해보았다. each each는 object 또는 array 전체를 순회하는 method이다. return 값은 따로 없다. //Call iterator(value, key, collection) for each element of collection. //collection은 주어진 object, iterator는 collection 길이만큼 순회하는 함수. _.each = function(collection, iterator) { if(Array.isArray(collection) { for(var i = 0; i..

Programming/Concept 2019. 4. 22. 16:34

추가 정보

인기글

최신글

페이징

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

티스토리툴바