분류 전체보기 (95) Today I am 새로운 branch 생성하기 현재 브랜치 확인하기 git branch - * 표시된 branch가 현재 브랜치이다. 새로운 브랜치 생성하기 git branch [브랜치명] 생성한 브랜치로 전환하기 git checkout [브랜치명] +) 새로운 브랜치 생성과 동시에 해당 브랜치로 전환하기 git checkout -b [브랜치명] Push git push origin [브랜치명] + develop 브랜치에서(base) 기능 개발용 내 브랜치 생성하기 git branch 희연 development + 브랜치 삭제하기 //로컬에서 삭제 //develop 브랜치로 이동 후 삭제하기 git checkout develop git branch --delete [삭제할 브랜치이름] //원격에서 삭제 git push origin --delete [.. webpack 이해하기 웹팩 webpack - 웹팩은 모듈 번들러(module bendler)이다. 모듈 번들러 module bendler 란? - 웹 페이지를 구성하는 html, css, js, images etc... 모두 각각 모듈로 보고 이를 조합해서 병합된 하나의 결과물을 만드는 도구 웹팩이 필요한 이유? - 웹팩이 등장한 이유 1) 파일 단위의 자바스크립트 모듈관리 필요성 2) 웹 개발 작업 자동화 도구 (web task manager) 3) 웹 애플리케이션의 빠른 로딩 속도와 높은 성능 1) 파일 단위의 자바스크립트 모듈관리 필요성 - 자바스크립트의 변수는 기본적으로 전역범위를 갖는다. 넓은 변수 범위를 갖기 때문에 어디에서도 접근하기 편리. but, 자바스크립트를 파일 단위로 관리하려는 경우, 변수명이 중복되어 .. [JavaScript 강의 노트(3)] Promise / async, await javascript 강의 노트 | Byte Degree [2주차] promise(1/4) - ES6부터 표준내장객체로 추가되었다. - 생성자를 통해 프로미스 객체를 만들 수 있다. - 생서자의 인자로 executor 라는 함수를 이용한다. new Promise(/*excutor*/); - executor함수는 resolve와 reject를 인자로 가진다 (resolve, reject) => {...} new Promise(/*excutor*/(resolve, reject)) => {...}); - resolve와 reject는 함수이다. - 생성자를 통해 프로미스 객체를 만드는 순간 pending(대기) 상태가 된다. new Promise((resolve, reject)) => {...}); //pend.. [JavaScript 강의 노트(2)] class javascript 강의 노트 | Byte Degree [2주차] 클래스 (1/4) class - ES6에 추가된 문법 class의 선언식 vs 표현식 //선언적방식 class A {} console.log(new A()); //class 표현식을 변수에 할당 const B = class{}; console.log(new B()); //선언적 방식이지만 호이스팅은 일어나지 않는다. 생성자 constructor //constructor class A {} console.log(new A()); // A {} class B{ constructor(){ console.log('constructor'); } } console.log(new B); //constructor,B {} class C construct.. [JavaScript 강의 노트(1)] 데이터 타입, 변수, 조건문, 반복문 javascript 강의 노트 | Byte Degree [1주차] javascript - 스크립트언어 - 인터프리터 언어 마지막문장에는 세미콜론을 붙이지 않아도 된다. 조건문, 반복문 마지막 블록에 세미콜론을 붙이지 않는다. 키워드&예약어 키워드 (ex) var) -자바스크립트에서 특정한 목적을 위해 사용하는 단어. -예약어로 지정되어있다. 예약어 (ex) return, for) -프로그램을 작성할떄 변수면 함수명 등을 이미 정해져 있는 단어 reserved keywords -이미 특정한 목적을 위해 사용하기 떄문에 사용할 수 없는 예약어 future reserved keywords -앞으로 특정한 목적을 위해 사용할 가능성이 있어서 사용할 수 없는 예약어 식별자 - 코드 내의 변수, 함수, 혹은 속성을.. Movie-app Movie-app | Nomard-corder (정돈된 글X, 강의보고 휘리릭 정리한 글) - axios로 data 받아오기 -> npm i axios 실행 -> import axios import React from 'react'; import axios from 'axios'; class App extends React.Component { state = { isLoading: true, movies : [] } getMovies = async() => { const movies = await axios.get("https://yts.mx/api/v2/list_movies.json") } componentDidMount(){ this.getMovies(); } render(){ const {isLoa.. React → Redux | Redux 101 (2/2) Redux | NomardCoder * React Redux (0. Setup) - redux는 vanillaJS part에서 이미 설치했음 (package확인) - react-redux, react-router-dom 설치하기 (npm istall react-redux react-router-dom) 1. react, router 로 todo 만들기 App.js에 router로 Home, Detaile 페이지 생성 Router import React from "react"; import { HashRouter as Router, Route } from "react-router-dom"; import Home from "../routes/Home"; import Detail from "../routes/.. jekyll 테마 사용 | github 블로그 개설하기 👩🔧 jekyll 테마 사용해서 github으로 블로그 개설하기 🔥 목적 - Today I Learn 작성, 알고리즘 문제 풀이 🔥 markdown 문법에 익숙해지고, github 잔디밭 생성을 위해..! 🔥 설치 방법 1. jeklly setup 2. github 저장소 생성 3. github 저장소, jeklly 테마 합치기 4. jeklly 테마 다운 - 큰 틀로 설명하자면 이 네 단계를 거치면 된다. 0. ( ruby가 설치되어 있지 않다면, 아래 사이트에서 권장하는 버전으로 설치 후 진행한다. ) Downloads Which version to download? If you don’t know what version to install and you’re getting started with .. 이전 1 ··· 5 6 7 8 9 10 11 12 다음
