분류 전체보기
-
명령어로 Git을 사용하자! Git CLI ( Backup )Knowledge/Git 2019. 11. 27. 17:52
이 포스팅은 이고잉 님의 Git CLI - Backup ( https://opentutorials.org/course/3841 ) 강의를 듣고 정리한 내용입니다. - 용어정리 먼저 용어 정리부터 간단히 해보자. Local Repository ( 지역 저장소 ) : 작업이 이루어지는 컴퓨터 Remote Repository ( 원격 저장소 ) : 백업이 이루어지는 컴퓨터 Push : Local Repository - 변경 내역 업로드 -> Remote Repository Clone : Local Repository
-
명령어로 Git을 사용하자! Git CLI ( 버전관리 )Knowledge/Git 2019. 11. 27. 15:35
이 포스팅은 이고잉 님의 Git CLI - 버전 관리 ( https://opentutorials.org/course/3839 ) 강의를 듣고 정리한 내용입니다. - 버전 관리의 시작 먼저 git을 설치해 ( https://opentutorials.org/course/3839/22590 ) git bash를 실행시키고 버전 관리 하고 싶은 폴더로 이동한다. 해당 폴더는 현재 비어있는 상태다 이 상태에서 git bash 명령창에서 1 git init 을 입력하면 비어 있는 Git Repository가 Initialized 되었다는 알림이 나온다. 다시 파일 목록을 보면 .git이란 폴더가 생성된 걸 확인할 수 있다. 이는 버전 정보가 저장되는 디렉토리로서 위와 같은 방법으로 이 폴더를 생성하는 것이 버전관리..
-
입문자들을 위한 Vim 공부 처음 시작하기Knowledge/ETC 2019. 11. 22. 23:44
주말마다 SQL 튜닝 강의를 듣고 있는데 Vim Editor를 배워오는 것이 이 주의 과제중 하나였다. 그런데 이것 저것 검색해봐도 이걸 대체 어떻게 시작해야 할지 조차 애매했다. vim은 unix 에디터라는데 윈도우 환경에서 vim을 어떻게 시작해야 할지도 모르겠고.. 그래도 goormide ( https://ide.goorm.io/?plan=ZnJlZQ== )에서 공짜로 리눅스 가상 머신을 만들 수 있던 건 기억나서 일단 리눅스 가상머신부터 만들어보기로 했다. 방법은 간단하다 위의 URI로 들어가서 새 컨테이너 생성을 누르고 소프트웨어 스택은 마음에 드는 걸 선택한 다음에 ( 나는 gradle을 선택했는데 나 gradle 쓰는 법 모른다.. ㅋ ) OS만 Ubuntu로 선택해서 생성하기를 누르면 리눅..
-
React를 시작해보자! create-react-app으로 React 앱 생성하기! ( js )Knowledge/React 2019. 11. 20. 12:43
먼저 create-react-app으로 react 앱을 생성하기 위해선 npm과 npx 가 설치되어 있어야 한다. 이 부분은 설치 방법을 검색하면 결과가 많이 나오니 따로 설명하진 않겠다. 만약 터미널에 'npm -v' 와 'npx -v'를 입력했을 때 위와 같이 설치된 버전이 출력된다면 설치되어 있는 것이다. - create-react-app npm이 설치되어 있다면 React App을 만드는 두가지 방법이 있다. 하나는 React App을 만들고자 하는 폴더에 가서 터미널에 'create-react-app' 명령어를 입력하는 것. 나머지 하나는 만들고자 하는 상위 폴더에가서 create-react-app react_basic 명령어 폴더명 위와 같은 키워드를 터미널에 입력해 react 프로젝트를 생성..
-
Javascript ES6 에 추가된 기능 간단 정리Knowledge/javascript 2019. 11. 15. 23:01
ES6에서 추가된 기능 ( String Literal, 객체 비구조화 ( Object Destructuring ), 객체 리터럴 ( Object Literal ), for .. of, Spread Operator, Rest Parameter, Arrow Function, Default Params, includes, let & const, import & export, Classes , Trailing Commas, Map & Set, Async & Await ) 에 대해 공부하고 최대한 간단히 볼 수 있도록 짧게 정리했습니다. 예제 코드에서 주석처리한 부분은 출력 결과고 예제 실습은 https://es6console.com/ 에서 진행할 수 있습니다 - String Literal ES6의 String ..
-
CSS 클래스명을 정돈해보자 BEM ( Block, Element, Modifier ) 방법론Knowledge/HTML & CSS 2019. 11. 14. 15:06
- BEM BEM은 Block(블럭), Element(요소), Modifier(블럭 또는 요소의 속성)을 활용한 CSS 클래스 작성법이다. - Block Block은 어떤 요소를 담고 있는 컨테이너를 의미한다. 예를 들어 웹이 header, footer, sidebar, article 의 구조로 이루어져 있다면 이런 것들을 block이라 할 수 있다. block은 그냥 block의 이름을 클래스 명으로 적어주면 된다 1 2 3 4 5 6 .block {} /* ex */ .header {} .footer {} - Element element(요소)는 블럭이 포함하고 있는 한 조각을 의미한다. 그렇기 때문에 요소는 블럭의 클래스명을 적고 두 개의 밑줄 표시 (__)를 해준다음 요소명을 붙여주면 된다 1 2..
-
반응형 웹 기초 뷰포트(View port) 와 미디어 쿼리(Media Queries)Knowledge/HTML & CSS 2019. 11. 13. 16:19
- 뷰포트 ( View Port ) 본격적으로 뷰포트에 대해 얘기하기 전에 먼저 픽셀에 대해 짚고 넘어갈 필요가 있다. 픽셀은 화면을 구성하는 가장 기본이 되는 단위다. 예를 들어 15인치 모니터의 해상도가 1024 X 768의 라고 하면 수평으로는 1024개의 픽셀이, 수직으로는 768개의 픽셀이 배치되어 있다고 보면 된다. 즉 786,432개의 픽셀로 화면이 이루어진 셈이다. 모바일이 대두되기 전의 웹은 이 정도 수준의 해상도를 기준으로 제작되었다. 문제는 거기서 발생했다. 모바일과 태블릿 등 손 안에 들어오는 작은 디스플에이에 일반 모니터의 픽셀 기준을 적용할 수 없었기 때문이다. 이런 문제를 해결하기 위해 모바일 브라우져에서 시도한 것이 가상 viewport 개념의 도입이다. 처음에는 980px인..
-
백준 15988 1,2,3 더하기 3 동적계획법 활용 풀이 ( Java )Problem Solving/Java 2019. 11. 1. 20:15
15988번: 1, 2, 3 더하기 3 각 테스트 케이스마다, n을 1, 2, 3의 합으로 나타내는 방법의 수를 1,000,000,009로 나눈 나머지를 출력한다. www.acmicpc.net 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 import java.io.*; public class Main { static int LIMIT = 1000000; static long MOD = 1000000009L; public static void main(String[] args) throws IOException { Buffere..