Gray CHA

docker 를 사용하다 보면 이지미 이름을 재설정 해야하는 경우가 있다. 이럴 경우 docker image 명령어를 통해 이름을 재할당하여 설정할 수 있다. docker 이미지 이름 재설정 방법 docker images 명령어를 수행했을때, 이름이 으로 설정되어 있을 경우 아래와 같은 방법을 통해 이름을 재할당 할 수 있다. # docker images REPOSITORY TAG IMAGE ID CREATED SIZE d17a7cb8f4b2 5 months ago 1.19GB certbot/certbot latest 67cfe9e9c63f 6 months ago 95.5MB centos 7 8652b9f0cb4c 10 months ago 204MB docker image tag [IMAGE ID] [R..

지난 8월 22일 블로그 포스팅을 위한 정보검색과 이슈 정보 탐색을 목적으로 BLPER 서비스를 오픈했다. 오픈 이후 2주 정도 사용해보니 생각보다 만족스럽지 못했다. 가장 중요한 키워드에 대한 정보가 없었다. 검색량은 많으면서, 포스팅한 글이 상위 노출될 수 있는 키워드 정보를 얻어야 했다. 필요한건, 포스팅할 키워드의 검색량과 웹문서 보유량 정보였다. 1. 화면구성 - 메인 메인화면 구성은 v1.0과 동일하며, 검색창 우측으로 검색이력(A) 기능이 추가되었다. 모바일 화면 구성도 동일하게 적용된다. - 검색결과 리포팅 탭 (B) - 키워드 검색량 검색한 키워드의 PC와 모바일의 월간 평균 검색량 정보를 보여 준다. - 유형별 문서수 검색한 키워드로 블로그, 카페, 웹에 등록된 문서수 정보를 보여 준다..

1부터 n까지 숫자 합 # range(10)은 0부터 10 미만의 숫자를 포함하는 range 객체를 생성한다는 의미이다. # 시작 숫자와 끝 숫자를 지정하려면 range(시작, 끝) 형태를 사용하는데, 이때 끝 숫자는 포함되지 않는다. # range(1, 11)은 숫자 1부터 10까지(1 이상 11 미만)의 숫자를 데이터로 갖는 객체이다. def sum(a, b): result = 0 for i in range(a, b+1): result = result+i return result # 가우스 1~n 까지 합 공식 def sumFormula(n): return n*(n+1)//2 def sumSquared(a, b): result = 0 for i in range(a, b+1): result = resu..

map( ) arr.map(callback(currentValue[, index[, array]])[, thisArg]) - callback 새로운 배열 요소를 생성하는 함수. - currentValue 처리할 현재 요소. - index Optional 처리할 현재 요소의 인덱스. - array Optional map()을 호출한 배열. - thisArg Optional callback을 실행할 때 this로 사용되는 값. 반환 값 - 배열의 각 요소에 대해 실행한 callback의 결과를 모은 새로운 배열. map 함수를 이용하여 반복적으로 수행해야하는 컴포넌트를 렌더링 할 수 있다. const Map = () => { const menu = ['pizza', 'potato-chips', 'pasta'..

이벤트 이벤트는 카멜표기법으로 명명한다. 이벤트는 DOM 요소에만 적용 가능하다. // DOM 적용 사례 Component 에 자체적으로 설정할 수 없다. 아래를 예시를 보면, Test에 onClick 이라는 props를 전달한다는 의미다. onClick 이벤트가 아님을 주의하자! // DOM 적용 사례 false를 반환해도 기본 동작을 막을 수 없으며, 반드시 preventDefault를 명시적으로 호출해야 한다. function returnFalse(e) { e.preventDefault(); } 이벤트 - 클래스형 컴포넌트 바벨 transform-class-properties 문법으로 선언할 경우, constructor를 선언하는것 보다 간편하게 사용할 수 있다. # 파일 : PracEventCla..

컴포넌트 컴포넌트는 프로그래밍적인 의미로 재사용 가능한 각각의 독립된 모듈을 말한다. 즉, 효율적인 협업과 생산성을 높이는 성능 최적화 시스템 구현을 가능하게 한다. 명명규칙 컴포넌트명은 항상 대문자로 시작해야 하고, props(속성) 임의 값을 전달받아 화면에 표시하는 React element를 반환한다. 컴포넌트 선언 1. 클래스형 컴포넌트 state / 생명주기 활용 가하고, render() 함수를 반드시 선언해야 한다. import React, { Component } from 'react'; class App extends Component { render() { return ( ); } } export default App; 2. 함수형 컴포넌트 state / 생명주기 활용 불가능했지만, Ho..

React Developer Tools 크롬 확장 프로그램 크롬 확장 프로그램을 통해 React 작업 시, 개발자 도구를 통해 효율적인 작업을 처리할 수 있습니다. 관련 프로그램 크롬 React Developer Tools [바로가기] 을 설치합니다. React Developer Tools 구동 F12 키를 눌러 개발자 도구툴에서 'Componets'와 'Profiler' 를 확인합니다. 조금 더 쾌적하게 작업 하실 수 있습니다 :D