본문 바로가기

Study

(120)
3. 프론트엔드 개발환경의 이해: 바벨 5강 내용을 정리한다. https://tacademy.skplanet.com/live/player/onlineLectureDetail.action?seq=174#sec1 프론트엔드 개발환경 이해 | T아카데미 온라인강의 1. NPM 프로젝트와 모듈 시스템을 이해하고, Webpack/Babel/Lint 등 개발 도구들의 역할에 대해 알아봅니다. 2. 각 개발도구들을 이용하여 React 개발환경을 .. tacademy.skplanet.com 바벨(Babel) 크로스브라우징 이슈를 해결하는 녀석. 익스플로러는 promise못쓴다거나 이런식으로 브라우저마자 인식할수 있는 버전이 다른다. 바벨은 이런 코드들을 모든 브라우저가 인식할수있도록 하위버전으로 바꾸어주는 역할을 한다. ES6코드를 ES5로 바꾼다거나.....
2. 프론트엔드 개발환경의 이해: 웹팩(기본II - 플러그인) 이곳의 3강 내용을 정리한다. https://tacademy.skplanet.com/live/player/onlineLectureDetail.action?seq=174#sec1 프론트엔드 개발환경 이해 | T아카데미 온라인강의 1. NPM 프로젝트와 모듈 시스템을 이해하고, Webpack/Babel/Lint 등 개발 도구들의 역할에 대해 알아봅니다. 2. 각 개발도구들을 이용하여 React 개발환경을 .. tacademy.skplanet.com 플러그인 개념 엔트리를 모아서 아웃풋으로 만든다. 모을때 import해서 모듈로 처리한다. 누가? 로더가. 아웃풋으로 만들기 전에 후처리를 해준다. 빈칸을 줄인다거나, 자바스크립트를 난독화한다거나 어쩌구저쩌구. 이런 후처리는 플러그인이 수행한다. 로더는 파일단위 ..
1. 프론트엔드 개발환경의 이해: 웹팩(기본I - 엔트리/ 아웃풋/ 로더) 웹팩 실습 정리 https://tacademy.skplanet.com/live/player/onlineLectureDetail.action?seq=174#sec1 프론트엔드 개발환경 이해 | T아카데미 온라인강의 1. NPM 프로젝트와 모듈 시스템을 이해하고, Webpack/Babel/Lint 등 개발 도구들의 역할에 대해 알아봅니다. 2. 각 개발도구들을 이용하여 React 개발환경을 .. tacademy.skplanet.com 터미널로 창 열기 mac은 open '파일' windows는 start '파일' (예: start ./index.html) 모듈 ES6에서 import/export module 이런식으로 쓰는것. C++에서 #include마냥. js에서 다른 js파일을 가져와서 사용한다. 기존..
0. 프론트엔드 개발환경의 이해 실습 우아한 2차 테스트 샘플을 봤는데 nodejs가 있었다. 으악악악... 급한대로 이틀만에 벼락쳐보자! https://tacademy.skplanet.com/live/player/onlineLectureDetail.action?seq=174#sec1 프론트엔드 개발환경 이해 | T아카데미 온라인강의 1. NPM 프로젝트와 모듈 시스템을 이해하고, Webpack/Babel/Lint 등 개발 도구들의 역할에 대해 알아봅니다. 2. 각 개발도구들을 이용하여 React 개발환경을 .. tacademy.skplanet.com 실습해보자. 개요 프론트엔드인데 왜 Node.js를 쓰냐? 요즘에는 바로 브라우저에 코드 올리지 않음 코드 → 빌드함 → 올림. 빌드과정에 Node.js가 필요한것 cmd에 'node'를 치면..
[백준 #2251] 물통 unordered_set에는 pair가 안 들어가는구나. 코드(정답, 1984KB, 0ms) /** * @name: 물통 * @link: https://www.acmicpc.net/problem/2251 * @date 2020-05-07 * @author sunmon * TIP: **/ #define MAX(a,b) (a>b)? a:b #define MIN(a,b) (a
[백준 #2580] 스토쿠 개요 무조건 +1, -1이 능사는 아니라는 것을 배웠다. +1, -1했다가 틀림 ㅂㄷㅂㄷ 중복으로 사용하는게 아니면 +,-하지말자 www.acmicpc.net/problem/2580 2580번: 스도쿠 스도쿠는 18세기 스위스 수학자가 만든 '라틴 사각형'이랑 퍼즐에서 유래한 것으로 현재 많은 인기를 누리고 있다. 이 게임은 아래 그림과 같이 가로, 세로 각각 9개씩 총 81개의 작은 칸으로 이루어진 정사각형 판 위에서 이뤄지는데, 게임 시작 전 몇 몇 칸에는 1부터 9까지의 숫자 중 하나가 쓰여 있다. 나머지 빈 칸을 채우는 방식은 다음과 같다. 각각의 가로줄과 세로줄에는 1부터 9까지의 숫자가 한 번씩만 나타나야 한다. 굵은 선으로 구분되어 있는 3 www.acmicpc.net 코드 (정답, 1984..
[백준 #14391] 종이조각 개요 완탐으로 풀었다. 크기가 N, M 1) ok = false; i += di; j += dj; } return ok; } int getVal(int i, int j, int len, int dir){ string str; if(dir ==0) str = paper[i].substr(j, len); //가로 else{ //세로 for(int k = 0; k str; paper.push_back(str); } cout
[백준 #1525] 퍼즐 개요 https://www.acmicpc.net/problem/1525 1525번: 퍼즐 세 줄에 걸쳐서 표에 채워져 있는 아홉 개의 수가 주어진다. 한 줄에 세 개의 수가 주어지며, 빈 칸은 0으로 나타낸다. www.acmicpc.net bfs로 풀었다. 비트마스크로도 풀 수 있다고 한다. 나중에 비트마스크 공부하면서 다시 봐야지! 메모리가 엄청 빡빡하더라. 36MB? 이런건 처음봤다. 보통 256MB이렇게 주는데. 상태공간을 벡터로 넣으면 그정도 쓰나? 그냥 int로해도 876543210 (약 8억) < 2^31-1 (약 20억)이라서, int범위 안에 들어가길래 그냥 int로 바꿔서 넣었다. visited도 vector로 하면 느려서 unordered_set을 넣었다. 일반 set은 O(logn)인..