리액트의 장점 상호작용이 많은 UI 효율적인 컴포넌트 갱신 및 렌더링 스스로 상태 관리하는 컴포넌트 DOM과 별개로 상태 관리 앱 안 데이터 손쉽게 전달 npm ? node package manager. 자바스크립트의 다양한 라이브러리들을 관리해주는 도구. 파이썬의 pip랑 비슷함 개별 프로젝트 폴더에 따로 설치 가능 전체적으로 사용하도록 설치도 가능 (-g, global) 사용은 주로 npm으로 시작 npx : 따로 모듈 설치 없이 사용할 수 있게 해주는 툴 Node.js 설치하기 운영체제에 맞는 거 설치 터미널에 node--version을 쳤을때 버전이 나오면 정상적으로 설치된 것임 프로젝트 생성하기 npx create-react-app [앱 이름] 위에서 하라는대로 해보면 다음과 같은 화면을 확인할..

Promise 언젠가 해결할 것이라는 약속 /* new Promise ((resolve, reject) => {}) Resolve -> 해결, 성공 - > then Reject - 거절, 실패 -> catch */ function sayHello2(name){ return new Promise((resolve,reject)=>{//이건 안 바꾸는게 좋음 setTimeout(()=>{ console.log(name+"님 안녕하세요") resolve("서울") },3000) }) } sayHello2("Frank") .then((seoul)=>console.log(seoul+" 로 안녕히가세요")) //resolve의 output을 받아서 input으로 쓸 수 있다. /* 실행결과 Frank님 안녕하세요 서..

비동기성 실행 결과를 순서대로 처리하지 않음 setTimeout(()=> {console.log("안녕하세요")},2000); console.log("안녕히 가세요");-> 안녕세요가 먼저 나온다. 2초 기다리지 않음. 리액트가 비동기성이 필요한 이유는 리액트가 다음과 같은 특성을 갖기 때문 인터넷 속도 의존 유저 인터랙션 속도가 느려도 인터랙션은 되어야 한다. 하지만 결과 순서가 뒤죽 박죽임. 이를 해결하기 위한 게 바로 콜백 결과가 끝난 후 호출되는 함수 function sayHello(name,byeCallback){ setTimeout(()=>{ console.log(name+" 안녕하세요.") byeCallback() },2000); } sayHello("Mike",()=>console.log(..

class 구조 class 클래스명 { constructor(arg){//이 안에 초기 클래스 설정 값을 쓸 수 있다. this.prototype = arg; } } class는 부모 class를 상속 받을 수 있다. class 클래스명 extends 부모 클래스 class 클래스명 extends 부모클래스명 { constructor(arg,inp){ super(inp)//부모의 인풋을 꼭 써줘야한다. this.prototype = arg; } } 예시 코드 class Animal{ constructor(leg){ this,leg = leg } printAnimal(){ console.log(this.name+"은 "+String(this.leg)+"개의 다리를 가진다.") } } // Lion - > ..

클래스 라이언 react 강의 들으면서 정리한 것임 arrow function 사용하기 쉽도록 기존 function을 간소화한 arrow function을 사용함 함수명 = 변수 => 리턴값 plusTwo = s => s+2 console.log(plusTwo(10)) arrow function 활용 map : 리스트 각 값을 조작 arr = [1,2,3,4,5,16,354] //기존 방식 //arr = arr.map(function(value){return value*2}) arr = arr.map(v => v*2) filter : 필터링 arr_filter = arr.filter(v=> v> 10)

git push heroku master 시에 발생하는 오류 fatal: 'heroku' does not appear to be a git repository fatal: Could not read from remote repository. heroku git:remote -a [앱이름] 해주면 된다

모듈 미리 만들어진 코드를 가져와 쓰는 방법 import 모듈이름 사용 방법: 모듈이름.모듈안의 구성요소 math.pi random.choice() 모듈의 예 import math 수학과 관련된 기능 import random 무작위와 관련된 기능 import urllib.request 인터넷의 내용을 가져오는 기능 크롤링할 때 쓰면 되겠다 def get_web(url): import urllib.request response = urllib.request.urlopen(url) data = response.read() decoded = data.decode('utf-8') return decoded url = input('url?') content = get_web(url) print(content) 모..

for in range range 함수 필요한 만큼의 숫자를 만들어내는 유용한 기능 for i in range(5) -> 0~ 5까지가 아니라 0부터 5개의 숫자가 만들어짐 시작 숫자와 끝 숫자를 지정하려면 range(시작 숫자, 끝 숫자) 형태를 사용하는데, 이때 끝 숫자는 포함되지 않는다. for in enumerate 리스트가 있는 경우 순서와 리스트의 값을 전달하는 기능 for에서 순서가 필요할 경우 유용함 for 항목 in enumerate(반복 가능한 객체) 리스트 내포 리스트 안에 for in 을 포함하여 간단하게 만들 수 있다. list[표현식 for 항목 in 반복 가능한 객체 if 조건문] 조건문은 생략 가능 #리스트 내포를 사용하지 않은 구구단 출력 for x in range(2,10..