분류 전체보기243
[NodeJS] path.join 과 path.resolve 차이 📋 / path.join이란? / path.resolve란?
Path.join path.join([...paths]) * ...paths 인자들은 항상 string이어야 합니다. 경로들을 string 으로 받아 합쳐줍니다. 예시) path.join('/foo', 'bar', 'baz/asdf', 'quux', '..'); // Returns: '/foo/bar/baz/asdf' path.join('foo', {}, 'bar'); // Throws 'TypeError: Path must be a string. Received {}' (Node.js 홈페이지 제공) 첫번째 예시의 경우, 하나하나 stirng들을 경로라고 생각해서 /로 구분지어 새로운 경로를 만들어냅니다. quux가 포함되지 않는 이유는 '..' 가 상위 폴더 를 가리키기 때문❗ Path.resolve..
[Git] .gitignore이란? / .gitignore 사용법 💖
.gitignore 이란? 하나씩 git repository 에 넣는 것은 매우 귀찮다. 그래서 보통 우리는 git add . 를 이용해 변경된 전체 파일을 추가하고 커밋한다. 여기서 보안상으로 위험성이 있는 파일 프로젝트와 관계없는 파일 용량이 너무 커서 제외해야되는 파일 등등이 생겨 git add 에 포함시키기 싫은 경우가 있다. 물론 이 경우 git rm 를 통해 일부 파일만 제외시키면 되지만, 모든 커밋에 그런 행동을 하는 것은 정말 힘이든다. 따라서 우리는 .gitignore 이라는 디렉토리를 만들어 무시할 파일을 넣어 줄 수 있다. 사용법 git init 을 한 폴더 에다가 .gitignore 이라는 이름으로 파일을 하나 만들어준다. 그 안에 한줄씩 제외할 파일 혹은 폴더를 쓰면 된다. 그냥 ..
[프로그래머스💯] 코딩테스트 연습 > 힙(HEAP) > 이중우선순위큐
해답) def solution(operations): q = [] for i in operations: if i[0] == "I": q.append(int(i[2:])) elif i == "D 1" and len(q)!=0: q.pop(q.index(max(q))) elif i == "D -1" and len(q)!=0: q.pop(q.index(min(q))) if len(q) == 0 : return [0,0] return [max(q), min(q)] 풀이) 그냥 문제 말 그대로 조건문만 걸고 풀었습니다. 이중순위 뭐시기로 머리쓰기 귀찮아서 혹시나 하고 해봤는데 바로 되더라구요... 출처: 프로그래머스 코딩 테스트 연습, https://programmers.co.kr/learn/challenges
[React🌌] 초보를 위한 create-react-app 없이 빌드하기 / ③ webpack-dev-server & react-hot-loader 적용/ 실시간 업데이트 기능
전 포스팅에도 말했듯이, 새로 코드를 수정할 때마다 ,웹팩을 계속해서 다시 구성하면 개발하는데에 시간이 엄청나게 소요될 것입니다.😒 오늘 우리의 목표는, webpack-dev-server와 react-hot-loader 를 이용해, React 프로젝트의 실시간 리로딩 기능을 구현할 것입니다!👍 설치 이전 모듈들과 마찬가지로 다음과 같이 개발자 모드로 설치를 해줍시다. 설치된 것을 확인 후, 바벨 로더 플러그인 부분에 react-hot-loader를 추가해줍니다. babel 과 webpack-dev-server 를 연결해 주는 역할입니다. 우리는 앞으로 webpack-dev-server 를 이용해 구성을 할 것이므로 package.json 에서 빌드 방식을 변경해주어야 합니다. 이제는 webpack 이아닌..
[프로그래머스💯] 코딩테스트 연습 > 완전탐색 > 카펫
해답) def solution(brown, red): answer = [] wid_hei_sum = int(brown/2 + 2) for height in range(1,wid_hei_sum): width = wid_hei_sum-height redsum = (width-2)*(height-2) if redsum == red : answer.append(width) answer.append(height) break return answer red는 안에 직사각형이고 brown 은 직사각형을 감싸는 테두리입니다. 수학적으로 생각해본다면 테두리 가로세로에서 각각 -2 를 한 길이가 직사각형의 가로세로 입니다. 세로의 길이를 1부터 높여가며 완전탐색을 돌면서 red 타일 개수가 일치하는지를 찾습니다. 출처: ..
[React🌌] 초보를 위한 create-react-app 없이 빌드하기 / ② babel이란? babel 밑 webpack 세팅
babel 이란? 아시다시피 자바스크립트는 시대가 변함에 따라 점점 발전하고 있습니다. 그만큼 그 발전한 버전을 따라주지 못하는 브라우저 혹은 환경이 있기 마련이죠. babel은 최신 문법을 써도 이전 버전 브라우저 환경에서도 사용할 수 있도록 최신 문법을 특정 예전버전의 js 로 변환해주는 툴 입니다! 쉽게말하자면 최신문법을 이전문법으로 바꿔주는 API 이죠. 😮 babel 사이트에서 지원하는 예시입니다. // Babel Input: ES2015 arrow function [1, 2, 3].map((n) => n + 1); // Babel Output: ES5 equivalent [1, 2, 3].map(function(n) { return n + 1; }); 바벨 가이드 : https://babelj..