분류 전체보기67 Javascript 리마인드 # let vs Const 자바스크립트에는 원래 var만 잇었는데 ES6부터 let과 const가 추가되었다. let : 값을 수정할 수 있는 변수를 선언할때 사용 Variable values const : 한 번 지정하면 절대 변하지 않는 값인 상수를 선언할때 사용, 새로운 값을 할당할 수 없음 Constant values # Arrow Functions 전통적으로 쓰던 방식과 다르게 function 키워드를 생략하기 때문에, 일반 함수보다 짧다 function myFuc(){ ... } // conventional funcion declare const myFuc=()=>{ ... } 화살표 함수는 키워드 this로 인해 생겼던 많은 문제들을 해결해주는 장점이 있음 JS에서 this가 항상 우리가 원.. 2023. 1. 29. Intro React #React.js는 무엇일까 리액트는 자바스크립트 라이브러리로 사용자 인터페이스를 만드는데 사용됨 넷플릭스 사이트를 보자. 우리는 영상 미리보기처럼 그냥 마우스를 가져다 대기만해도 새로운 페이지를 로딩하지않고 바로 여러가지 기능들을 볼 수 있다. 거의 모바일앱과 같은 느낌으로 작동한다. Mobile apps and desktop apps feel very "reactive". Things happen instantly, you don;t wait for new pages to load or actions to start. 반면에 전통적인 웹페이지들은 기능을 클릭하고 서버로 전달되면서 새로운 페이지가 열리기를 기다린다. 그래서 웹페이지는 무겁고 살짝 불편하게 느껴진다. 전통적인 자바스크립트를 생각해보자. .. 2023. 1. 26. 생활코딩 React 2022 # Intro 복잡한 코드를 숨기고 간단하게 만들어줘서 사용할 수 있는게 React 리액트의 핵심적인 역할은 사용자 정의태그를 만들 수 있다는 것이다. 이 사용자 정의태그는 부품처럼 사용될 수 있다. 내 코드를 공유할수도, 남의 코드를 가져와 쓸 수도 있다. 리액트는 클래스 문법과 함수문법을 사용할 수 있다. 최근에는 함수를 사용하는 경향이 크다. #소스코드 수정방법 리액트를 실행하기 위해서는 npm이 필요하다. 이건 node.js를 깔면 같이 딸려오는 프로그램. 프로그램을 설치 후, npm start를 터미널에 쳐주면 라이브 웹브라우저가 함께 오픈된다. 리액트 환경을 구축하고 나면 옆에 이렇게 파일들이 많이 생긴다. 여기서 가장 핵심적인 파일은 src/index.js -> 실질적으로 웹페이지에 구현되는.. 2023. 1. 23. Asynchronous JavaScript # Call stack Call stack is the mecahnism the JS interpreter uses to keep track of its place in a script that calls multiple functions. It is how JS 'knows' what function is currently being run and what functions are called from within tha function, etc 두꺼운 책을 읽을 때, 손가락으로 참조나 주석같은걸 집어가면 지금 어디를 읽고 있는지를 계속 tracking 하는 것 Stack is the basic data structure in computer science. It is known as LIFO(Last.. 2022. 12. 10. 이전 1 ··· 3 4 5 6 7 8 9 ··· 17 다음
