본문 바로가기
반응형

JavaScript

 (19)
참고하면 좋은 사이트 보호되어 있는 글입니다.
부모에서 자식, 자식에서 부모로 Prop 전달하기 1. 부모에서 자식으로 Prop 전달하기 부모 import { Component } from 'react'; // 부모 class App extends Component { render ( ); } 자식 - 클래스 import { Component } from 'react'; //자식 class Searchbar extends Component { render ( {this.props.text} ); } 자식 - 함수 import React from 'react'; const Searchbar = (props) => { return ( {props.text} ); } 2. 자식에서 부모로 Props 전달하기 부모 import { Component } from 'react'; class App extend..
React Router 경로가 변경되어도 React Redux connect 에 속한 render 는 호출되지 않는 다. 보호되어 있는 글입니다.
Logging 모듈 Winston 1. 설치 winston과 winston-daily-rotate-file을 설치한다. winston은 로그를 남기는 본체이고, winston-daily-rotate-file은 1일 단위로 로그를 쌓도록 관리해준다. npm install --save winston winston-daily-rotate-file 2. winston.js 작성 로그를 관리하는 모듈을 따로 패키지 형태로 작성한다. var winston = require('winston'); // 로그 처리 모듈 var winstonDaily = require('winston-daily-rotate-file'); // 로그 일별 처리 모듈 // Date Format 선택 // moment 모듈 설치 필요 function timeStampForma..
Node.js에서 Python 함수 호출하기 - spawn() child_process.spawn() 이 메서드는 자식 프로세스를 비동기적으로 생성하는데 도움이 된다. 예제 두 개의 명령줄 인수를 이름과 성으로 받은 다음 표시하는 간단한 Python 스크립트를 만들어 보겠다. 나중에 Node.js 애플리케이션에서 해당 스크립트를 실행하고 브라우저 창에 출력을 표시한다. Python script import sys # Takes first name and last name via command # line arguments and then display them print("Output from Python") print("First name: " + sys.argv[1]) print("Last name: " + sys.argv[2]) # save the script..
[Spread Operator] 배열에 특정한 인덱스의 아이템 교체 let arr = [1,2,3,4,5]; 이 배열의 2번째 인덱스를 10으로 교환해보자. 아래와 같이 [1,2,10,4,5]; 해결 const index = 2; const newVal = 10; arr = [ ...arr.slice(0, index), newVal, ...arr.slice(index + 1) ] 리액트 setState에서의 사용 예시 const newfile = { s3KeyThumbnail: 'blahblah.jpg'; size: 1024, ext: 'jpg' } this.setState(state => ({ ...state, files: [ ...state.files.slice(0, index), newFile, ...state.files.slice(index + 1) ] })); ..
React 보면 좋을 사이트 튜토리얼: React 시작하기 - https://reactjs-kr.firebaseapp.com/tutorial/tutorial.html#what-were-building 리액트 기초 입문 프로젝트 (투두리스트 만들기) - https://velopert.com/3480 React.JS 강좌 목록 - https://velopert.com/reactjs-tutorials
url 모듈 url 모듈 정의 url 모듈을 통해서 URL 문자열을 객체로 바꾸거나 URL 객체를 문자열로 변환 가능하며, 파싱과 조합을 사용하여 URL과 관련된 정보를 가져올 수 있습니다. url 모듈 함수 parse(urlStr, [, parseQueryString=false, slashesDenoteHost=false])) : URL 문자열을 URL 객체로 변환하여 리턴합니다. format(urlObj) : URL 객체를 URL 문자열로 변환하여 리턴합니다. resolve(from, to) : 매개변수를 조합하여 URL 문자열을 생성하여 리턴합니다. 예제 'http://user:pass@host.com:8080/p/a/t/h?query=string#hash' 주소를 객체로 쪼게어 본다면 다음과 같다고 한다. ┌..
반응형

티스토리툴바