Script

1.Python 설치 1.아래 exe 실행파일 클릭하여 설치 https://www.python.org/ftp/python/3.8.6/python-3.8.6-amd64.exe Add Python 3.8 to PATH 에 체크할 것! 2. 윈도우의 경우 추가적으로 Git bash 설치https://git-scm.com/ Git git-scm.com 맥에서는 리눅스 환경이 구축되어 있지만, 윈도우는 그렇지 않기 때문에 Git bash를 사용하여 리눅스 커맨드를 사용할 수 있게된다. ++) 리눅스란? 윈도우와 같은 하나의 운영체제이며, 윈도우는 쉽게 사용 가능하나 제한이 많고, (for 일반인) 리눅스는 불친절하지만 이것저것 뜯어볼 수 있다는 차이가 있다. (for 개발자) 자유롭게 개조가 가능한 리눅스의 특성..

1. Jquery Jquery란? 미리 작성해 놓은 Javascript들을 모아둔 라이브러리. 편의성을 위해 사용한다. Javascript로는 아래와 같이 나타낼 수 있다면, //javascript document.getElementById("element").style.display = "none"; jquery로는 아래와 같이 보다 직관적이고 짧게 나타낼 수 있다. //jquery $('#element').hide(); 사용법 https://www.w3schools.com/jquery/jquery_get_started.asp jQuery Get Started W3Schools offers free online tutorials, references and exercises in all the majo..

1.웹의 동작 개념 html을 받는 경우 웹브라우저는 서버가 만들어 놓은 api라는 창구에 요청을 보내 html을 받아온다. 데이터만 받는 경우 데이터만 필요한데 html을 받아 통째로 갈아끼우면 데이터가 업데이트 될때마다 리프레시되는 현상이 나타날 것이다. 따라서 데이터만 받아서 받아 끼우는게 효율적이다(이런 상황이 훨씬 더 많다) 데이터만 받아올 경우의 생김새이다. 데이터를 JSON 형식으로 받아온 것이다. 2.폰트 변경 https://fonts.google.com/?subset=korean Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com (1) 위 링크에 들어가서 마음..

async & await promise를 clear하게 사용하는 방법 경우에 따라 async & await을 사용해야할 떄와 promise를 사용해야 할때가 나뉜다 1.async 기존의 일반적인 Promise 문법 function fetchUser(){ return new Promise((resolve,reject)=>{ //do network request in 10 secs.... resolve('ellie'); }); } const user=fetchUser(); user.then(console.log); console.log(user);//Promise {: 'ellie'} //ellie async를 사용시 async function fetchUser(){ //do network request i..

Promise Promise는 비동기 작업을 처리하기 위해 Javascript 안에 내장되어 있는 객체이다. 1.Promise의 state promise의 상태는 pending(작업 수행중) => fulfilled(작업완료) or rejected(작업실패)로 나뉜다. 2.Producer vs Consumer promise는 기능을 수행하여 해당 데이터를 만들어내는 Producer 그리고 그 데이터를 소비하는 Consumer로 나뉜다, Producer //새로운 Promise가 만들어지면,안에 있는 기능이 자동적으로 실행된다. const promise = new Promise((resolve,reject)=>{ //무거운 작업들(network,read file)등은 이렇게 프로미스로 처리하는게 좋다. //..

1.동기와 비동기 자바스크립트는 동기적이다 hoisting 후 코드 블록을 순서대로 실행한다 hoisting: var 변수와, 함수 선언들이 자동적으로 맨위로 올라가는 것을 말한다. 동기 정해진 순서에 맞게 코드가 실행되는것 console.log('1'); console.log('2'); console.log('3'); 비동기 언제 코드가 실행될지 예측할수 없는것 console.log('1'); setTimeout(()=>{ console.log('2'); },1000);//콜백함수 console.log('3');//1 3출력 후 1000ms뒤에 2출력 2.동기적 콜백과 비동기적 콜백 콜백함수란? 다른 함수의 인자로써 이용되는 함수 어떤 이벤트에 의해 호출되어지는 함수 동기적 콜백 function pri..