기록하는 노트

마크다운 작성 에디터 일반 워드나 한글 또는 메모장으로 작성하는 것보다 타이포라로 기록하는 것이 코드입력하기에도 편하고 개발공부하면서 정리하는데 좋은 에디터이다. 기억하기 위해서 작성하는 글이기 때문에 자세하지 않을 수도 있다. Typora 다운로드 경로 typora.io/ Typora — a markdown editor, markdown reader. Readable & Writable Typora gives you a seamless experience as both a reader and a writer. It removes the preview window, mode switcher, syntax symbols of markdown source code, and all other unnecessa..

^M ctrl + v + 엔터를 치면 ^M이 표시가 된다. 숫자 6 위에 있는 ^ 캐럿과 영문 M을 입력하면 안된다.

stash는 작업중인 파일을 숨김처리하는 것을 말한다. 현재 작업중인 브랜치의 작업이 끝나지 않았고 작업이 끝나지도 않았는데 commit하기도 애매하고 다른 브랜치의 작업을 해야할 경우 사용한다. - vim index.txt 생성 - git add index.txt - git status로 확인하면 modified: index.txt가 표시되고 - git stash로 숨김처리하고 - git status를 하면 modified 표시가 사라진것을 확인할 수 있다. - git stash list를 확인하면 git stash된 리스트를 확인할 수 있고 여러번의 stash를 진행하면 가장 위에 표시된 stash가 최근 stash다. - git stash apply를 하면 최근작업한 stash가 적용되고 - git..

github에서 저장소 생성 저장소 주소를 remote에 입력 (git remote add origin https://github…..) 로컬에서도 정상적으로 초기화(git init) git pull 또는 git merge 명령이 동작하지 않음 git push origin master시 [rejected] master -> master (non-fast-forward) 에러가 발생 깃허브에 생성된 원격 저장소와 로컬에 생성된 저장소 간 공통분모가 없는 상태에서 병합하려는 시도로 인해 발생. 관련 없는 두 저장소를 병합하는 것은 안되도록 설정되어 있음. 아래와 같이 git pull 시에 –allow-unrelated-histories 옵션 추가하여 관련 없었던 두 저장소를 병합하도록 허용 git pull ..

저자: 이웅모 출판사: 위키북스 Javascript 책을 구매하였다. 자바스크립트 이론공부용으로 충분히 좋은 책이라 생각된다. 전체 900페이지가 넘는 분량이지만 자바스크립트 이론에 대해서 자세하게 설명이 되어있고 책을 펼쳤을 때 지루하지 않게 색감도 좋다. 도표로 설명된 부분도 좋다. 조금씩이라도 시간을 투자해서 보면 좋을 듯 하다.

www.atom.io A hackable text editor for the 21st Century At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see what you build with it. atom.io download 받고 파일 실행하면 자동 설치 완료 File에서 Setting들어가서 Install에서 emmet 설치하기 메뉴창 on/off Alt + v 누르고 View에서 Toggle menu bar 클릭

변수 값을 저장, 값의 재사용을 위해 사용 let hello = "하이"; "하이"를 hello에 할당 변수의 이름은 값의 형식에 따라 작성 = > 시맨틱 주석 // /* */ 정수, 실수 자바스크립트는 정수와 실수를 구분하지 않는다. 1과 1.0 모두 1로 간주한다. 1.2 + 1 = 1.2 실수로 계산한다. 상수 변경할 수 없는 값 시맨틱선언으로 대문자를 사용 let TEN = 10; 데이터 타입 Number, String, Undefined, Null, Boolean, Object 연산자 할당 연산자 단일 연산자 = 복합 연산자 +=, -=, *=, /= compile=> 자바스크립트 엔진이 해석(자바스크립트 언어로) 산술 연산자 +, -, *, /, % 숫자 + 문자 = 문자 1 + "A" = 1..

create-react-app my-telephone src | component - App.js 이동 부트스트랩 설치 yarn add bootstrap@3.4.1 src/index.js(상위컴포넌트에 부트스트랩라이브러리 등록) Contact.js import React, { Component } from 'react'; import ContactDetails from './ContactDetails'; //추가 import ContactInfo from './ContactInfo'; //추가(배열의 추가,삭제,수정)->update import update from 'react-addons-update'; import ContactCreate from './ContactCreate'; class Cont..

Props - 컴포넌트에서 사용 할 데이터 중 변동되지 않는 데이터를 다룰 때 사용 - parent 컴포넌트에서 child 컴포넌트로 데이터를 전할 때, props 가 사용 - 컴포넌트에서 immutable (변하지 않는) 데이터가 필요 할 땐, render() 메소드의 내부에 안에 { this.props.propsName } 형식으로 넣는다. - 컴포넌트를 사용 할 때, 괄호 안에 propsName="value" 를 넣어 값을 설정 index.html //추가 index.js import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; //App부모 컴포넌트만 새로 불러올 경로를 지정 import App fr..

한곳에 작성할 경우 분리하여 작성할 경우 import 불러오는 코드를 추가 작성한다. Content.js 파일 생성 Header.js 파일 생성