본문 바로가기

이론111

React에서의 proptypes validation React의 React.PropTypes가 15.5 버젼 이후로 deprecate 되면서, proptypes validation을 위해서는 라이브러리를 따로 불러와야 할 필요가 생겼다. 기존의 React.PropTypes의 경우 다음과 같이 사용했다. static propTypes = { value: React.PropTypes.string } 그러나 지금 버젼의 리액트에서 이렇게 사용하면, 콘솔창에 아래와 같은 오류메시지가 뜨며 prop-types 라는 npm 모듈을 사용할 것을 권장한다. React.PropTypes is deprecated since React 15.5.0, use the npm module prop-types instead react/no-deprecated 따로 분리된 propt.. 2020. 7. 2.
React 프로젝트 gh-pages 배포시 git-upload-pack: command not found 오류 지난번에 올렸던 포트폴리오 사이트를 만들며에서 제작했던 포트폴리오 페이지를 그동안 Github에 소스코드로만 업로드했었는데, 이참에 바로 확인해 볼 수 있도록 깃 페이지에 올리기로 했다. 구글링하며 찾은 방법대로 gh-pages 를 npm 명령어로 설치하고, npm install gh-pages --save-dev package.json에 필요한 정보들을 추가해주고, // ... "homepage": "https://kyr9389.github.io/portfolio", // ... "scripts": { // ... "predeploy": "npm run build", "deploy": "gh-pages -d build" // ... } 아래 명령으로 배포를 시작했다. npm run deploy esli.. 2020. 6. 26.
짝수만 출력하는 다양한 방법 심심하기도 하고, 오랜만에 머리도 써볼겸 스스로 도전 과제를 부여하고 해결해보기로 하였습니다. 그렇게 생각해 낸 오늘의 도전과제는 짝수만 출력하기. 예를 들어 2, 4, 6, 8, 10 ...... 과 같이 콘솔창에 짝수만 출력할 수 있도록 코드를 짜보는 것입니다. 어찌보면 간단할 수도 있지만, 다양한 방법으로 풀어보는데 의의를 두고 진행해보려고 합니다. 쉬운 방법부터 천천히 해보겠습니다. 사용 언어는 최근에 자주 쓰던 자바스크립트로 결정했습니다. 알고리즘 쪽을 할때엔 C나 C++을 주로 사용했었지만, 자바스크립트 숙련도를 높이고 싶은 마음에 이렇게라도 써보려고 합니다. 실제로 숙련이 될지는 미지수지만! - 첫 번째 방법. 반복문만 이용하는 경우 짝수 변수를 생성하여 2씩 더하는 반복문에 넣어줌으로써 결.. 2020. 6. 23.
기본적인 jQuery 내용 정리. 이 글은 본 강의 (http://osam.kr/learn/lecture/14812/%EC%BA%A0%ED%94%84%EC%97%B0%EA%B3%84%EA%B3%BC%EC%A0%95-web-%EB%B6%84%EC%95%BC) 를 참고하여 작성하였습니다. jQuery: The Write Less, Do More, JavaScript Library. 1) jQuery 란? jQuery는 자바스크립트 DOM을 더 간단하게 다루도록 도와주는 라이브러리의 일종이다. 자바스크립트 DOM(Document Object Model)이란 노드 추가, 삭제, 이동, 스타일 변경, 속성 변경, 이벤트 처리 등의 기능을 하는 코어 라이브러리인데, 쉽게 말해 문서 내의 모든 요소들을 정의하고, 각각의 요소에 접근하는 방법을 제공한.. 2019. 10. 14.
백준 1463번: 1로 만들기 1로 만들기 성공시간 제한메모리 제한제출정답맞은 사람정답 비율2 초128 MB48311156931023132.331%문제정수 X에 사용할 수 있는 연산은 다음과 같이 세 가지 이다.X가 3으로 나누어 떨어지면, 3으로 나눈다.X가 2로 나누어 떨어지면, 2로 나눈다.1을 뺀다.정수 N이 주어졌을 때, 위와 같은 연산 세 개를 적절히 사용해서 1을 만들려고 한다. 연산을 사용하는 횟수의 최솟값을 출력하시오.입력첫째 줄에 1보다 크거나 같고, 106보다 작거나 같은 자연수 N이 주어진다.출력첫째 줄에 연산을 하는 횟수의 최솟값을 출력한다.예제 입력 1 복사2 예제 출력 1 복사1 예제 입력 2 복사10 예제 출력 2 복사3 힌트10의 경우에 10 -> 9 -> 3 -> 1 로 3번 만에 만들 수 있다.출처문.. 2018. 8. 6.
알고리즘 스터디 5회차 - 동적 계획법 (백준 2579번: 계단 오르기) 이번 알고리즘 스터디에서는 동적 계획법 (Dynamic Programming) 에 대해 간단히 배우고, 이를 적용하여 문제를 풀어보는 시간을 가졌다. 동적 계획법이란 쉽게 말해 복잡한 문제들을 간단한 여러개의 문제로 나누어 하나씩 해결해나가는 것으로,여러 알고리즘 문제 분류에서 쉽게 찾아 볼 수 있다. 이번에 풀어 본 문제도 간단한 동적 계획법에 해당한다. 계단 오르기 성공시간 제한메모리 제한제출정답맞은 사람정답 비율1 초128 MB255809813727638.232%문제계단 오르기 게임은 계단 아래 시작점부터 계단 꼭대기에 위치한 도착점까지 가는 게임이다. 과 같이 각각의 계단에는 일정한 점수가 쓰여 있는데 계단을 밟으면 그 계단에 쓰여 있는 점수를 얻게 된다.예를 들어 와 같이 시작점에서부터 첫 번째.. 2018. 6. 5.