kortlog. kortlog.

분류 전체보기

• [정렬] 가장 큰 수 with Node.js

  Programming/Algorithm 2022. 2. 10. 14:21

  function solution(numbers) { // let answer = ''; let elem = numbers.map(num => num + ''); answer = elem.sort((i,j) => (j+i)-(i+j)).join(''); return answer[0] === '0' ? '0' : answer; };

  Read More
• [완전탐색]알고리즘 with Node.js

  Programming/Algorithm 2022. 2. 10. 14:13

  const a = [0]; function solution(numbers) { // let answer = ''; numbers.sort().reverse(); answer = combin(numbers, ''); return answer; }; function combin(data, str) { // let num = new Array; if (data.length) { // for (let i in data) { // num = [...data]; num.splice(i, 1); combin(num, str + data[i]); }; }; if (str > a[0]) a.splice(0, 1, str); return a[0]; };

  Read More
• React Hook에 대하여(2)

  Programming/ReactJs 2022. 2. 10. 12:56

  React hook은 기본 Hook 3종류와 추가 Hook7종류가 존재한다. 기본 Hook •useState: const [state, setState] = useState(initialState); / 상태 유지 값과 그 값을 갱신하는 함수를 반환 한다. 최초 렌더링 동안 반환된 state는 initialState의 값과 동일하다. •useEffect: useEffect(didUpdate); / 명령형 또는 어떤 이펙트를 발생하는 함수를 인자로 받는다. 전달된 함수는 렌더링이 완료된 후에 수행되게 된다. •useContext: const value = useContext(MyContext); / React.creatContext 객체에서 반환된 값을 받아 현재 값을 반환한다. 추가 Hook •us..

  Read More
• React Hook에 대하여(1)

  Programming/ReactJs 2022. 2. 10. 12:25

  React Hook은 리액트 버전 16.8 이후부터 요소로 새로 추가 되었다. Hook을 이용하면 기존의 클래스 기반으로 코드를 작성할 필요가 없으면서 상태를 관리 할 수 있게하여주며, 이는 함수형 컴포넌트로써 완벽히 작성하여 동작 할 수 있다. 우선 기본적인 예제 코드를 확인하여 보자. import React, { useState } from 'react'; function Example() { // "count"라는 새로운 상태 값을 정의합니다. const [count, setCount] = useState(0); return ( You clicked {count} times setCount(count+1)}> Click me ); }; 여기서 확인 할수 있는 것은 바로 useState이다. 이 함..

  Read More
• Winston.js를 이용한 Logging System 구축

  Programming/NodeJs 2022. 2. 10. 12:18

  winston.js(https://github.com/winstonjs/winston)와 winston-daily-rotate-file(https://github.com/winstonjs/winston-daily-rotate-file)를 사용하여 Express.js에서 Logging System을 구축하였다. 내가 원하는 부분에서 에러가 발생 시 원하는 내용을 커스텀하여 따로 Log FIle로 남길 수 있는 점이 좋은 것 같고, winston-daily-rotate-file을 이용하여서 원하는 날짜 형식과 로그 파일의 최대 사이즈 및 최대 보관 일수를 정할 수 있는 점이 매력이다

  Read More
• 크롤링 테스트 이슈 해결

  Programming/ReactJs 2022. 2. 10. 12:17

  2019-9-15 21:38 react-snap이 빌드시 사전렌더링을 위한 크롤링 과정 중 랜덤으로 크롤링이 잘 되거나 혹은 잘 안되거나 하는 이유는 웹팩의 bundle.js 경로 문제였다. react-snap이 번들링 된 파일을 크롤링 하게 하니 사전렌더링 된 html 파일을 잘 생성 해낸다.

  Read More
• [기존 블로그 마이그레이션]React Snap

  Programming/ReactJs 2022. 2. 10. 12:16

  기존 18년도 부터 약 4년간 운영하던 직접 만든 블로그에서 여러 비용 및 효율성 고려하여 티스토리로 이전하였다. 이를 기록하기 위하여 작성 ------------------------------------------------------------------------------------------------------------------- 2019-9-15 21:58 9월 6일 react-snap 적용 완료 구글 서치에서 크롤링 및 색인 생성 확인 적용 방법은 별거 없었다. index.js에 if(rootElement.hasChildNodes()){hydrate}else{render}로 렌더링 조건에 따라 react-dom 명령어를 적용하였고. 각각 조건문 내부 마지막에 registerServic..

  Read More