리액트바오

카테고리 없음 2022. 5. 24. 23:17

강의를 듣고 배운 내용 정리 이번주 강의를 듣고 무엇을 학습하셨나요? 새로 알게 된 내용들이 어떤 것들이 있을까요? 프로그래밍 패러다임이란 프로그래밍 패러다임은 프로그래밍할 때 관점을 제공해주고, 설계를 결정하도록 돕는 패러다임이다. 절차지향, 객체지향, 함수지향 이 있다. 절차지향 프로그래밍 class를 사용하지 않고 함수 위주로 작성하며 함수를 순차적으로 호출해서 실행한다. 재사용 가능한 코드를 함수로 분리하고 함수 간의 호출로 하고자 하는 일을 수행한다. 프로세스 로직과 데이터가 별도의 위치에 분리되어 있고 TOP -> DOWN식으로 구성된다. 절차지향은 이해하기 쉽고 직관적이며 유지보수에도 용이하다. 전체 로직이 매우 복잡하거나 동적으로 로직을 바꿔야 하는 등의 기능 확장이 필요할 때 유지 보수하..

카테고리 없음 2022. 5. 21. 09:58

SSR은 Server Side Rendering의 약자로 서버에서 렌더링을 진행하는 방식이며, CSR은 Client Side Rendering의 약자로 브라우저에서 렌더링을 진행하는 방식이다. SSR(Server Side Rendering)의 동작 방식 페이지를 이동할 때마다 서버에 요청을 하는 방식을 서버 사이드 렌더링이라고 한다. SSR 방식은 서버에서 렌더링하여 완전하게 만들어진 HTML 파일을 브라우저로 전달하여 렌더링하는 방식이다. 새로운 페이지로 이동할 때마다 서버에 페이지를 요청하기 때문에 새로고침이 되어 깜빡이는 현상이 발생한다. 장점 CSR에 비해 다운 받는 파일이 많지 않아 초기 로딩 속도가 빠르기 때문에 사용자가 검색등을 했을때 빠른 피드백을 받을 수 있다. HTML에 대한 정보가 처..

카테고리 없음 2022. 5. 11. 15:09

노마드코더 무료강의를 들으며 Typescript를 공부하는 중이다. 강의에서 타입스크립트를 사용하는 이유중 하나는 "타입스크립트는 개발자가 실수하지 않도록 보호해준다. (타입스크립트가 에러가 발생할 것 같은 코드를 감지하면 자바스크립트로 아예 컴파일 되지 않는다.)" 는 것인데 좀 더 자세히 정리해 보려고 한다. 내가 생각할때는 개발자의 실수를 막는다는 이유만으로도 쓸 만한 가치가 있다고 생각하지만 타입스크립트를 굳이 사용해야할 이유가 있을까? 라고 생각하는 사람들도 많을 것 같다. 타입스크립트를 쓰는 이유를 나도 좀 더 자세히 알아보아야겠다. Javascript 에 Type 을 더 한것이 TypeScript 타입스크립트는 자바스크립트의 상위 집합이다. 타입스크립트는 컴파일 이후에 자바스크립트가 된다. ..

카테고리 없음 2022. 5. 4. 16:26

Promise란? 프로미스는 자바스크립트 비동기 처리에 사용되는 객체다. (비동기 처리의 단점을 보완하여 동기적으로 처리할수 있게끔 도와준다.) 여기서 자바스크립트의 비동기 처리란 ‘특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특성’을 의미한다. Promise가 왜 필요한가? 주로 서버에서 받아온 데이터를 처리할때 사용한다. fetch 등으로 서버에서 데이터를 요청하고 다 받아온 뒤에 처리하기 위하여 Promise를 사용한다. promise의 장점 promise는 .then() .catch()등 promiseAPI를 사용할수있어 코드 양을 줄이고 가독성을 증가시킬 수 있다. promise의 3가지 상태 pending : 대기 - 비동기 처리 로직이 아직 완료되..

카테고리 없음 2022. 5. 2. 13:12

Node.js 란? Node.js는 브라우저 밖에서 실행할 수 있는 Javascript 실행환경이다. 과거 Javascript는 브라우저에서만 사용 되었지만 현재는 다양한 개발 분야에서 사용되고 있다. Node.js의 특징 1.크롬에서 사용되는 V8 엔진을 사용한다. 2.단일 쓰레드 이벤트 루프 기반이며 I/O를 비동기식 처리한다. 3.방대한 모듈 시스템을 갖추고 있다. 동기와 비동기의 차이점은 무엇일까? 동기(synchronous: 동시에 일어나는) 동기는 말 그대로 동시에 일어난다는 뜻이다. 요청과 그 결과가 동시에 일어난다는 약속인데 요청을 하면 시간이 얼마나 걸리던지 요청한 자리에서 결과가 주어져야 한다. 동기방식은 설계가 매우 간단하고 직관적이다. 하지만 결과가 주어질 때까지 아무것도 못하고 대..

카테고리 없음 2022. 4. 26. 13:20

기본적으로 html 은 코드를 위에서부터 아래로 훑어가며 파싱하게 되는데, 그 과정에서 script 파일을 마주치게 된다면 html은 파싱을 멈추고 script 태그 안 자바스크립트 파일을 로드하게 된다, 그리고 그 로드가 전부 끝날때 까지 script 태그 아래쪽에 있는 태그들을 파싱하지 못하게 된다. script 태그의 위치는 딱히 정해져있지 않은데 위의 문제를 단순하게 해결할 수 있는것이 script 태그를 body 태그의 가장 하단에 위치하게 하는것이다. 하지만 이렇게 했을때 페이지는 정상적으로 출력이 되는데, 파일에 클 경우엔, 데이터나 기타 다른 움직임을 하는데 제한이 걸릴수 도 있을것이다. html은 화면을 구성하는 역할을 하기 때문에 script 태그를 최하단에 둠으로써 html페이지를 읽..

카테고리 없음 2022. 4. 20. 13:22

JavaScript 브라우저, 문서등을 다루며 client에 대한 개발을 하는 도구 node.js backend 에서 server에 대한 개발을 하는 도구 1. nodejs는 chrome의 자바스크립트 엔진인 v8을 이용하는 JavaScript 런타임이다. 여기서잠깐! V8은 웹 브라우저를 만드는 데 기반을 제공하는 오픈 소스 자바스크립트 엔진이다. 구글 크롬 브라우저와 안드로이드 브라우저에 탑재되어 있다. V8로 줄여 불리기도 하며, 현재 라스 백이 책임 프로그래머이다. 런타임이란 특정 언어로 만든 프로그램을 실행할 수 있는 환경을 뜻한다. 따라서 노드는 자바스크립트 프로그램을 컴퓨터에서 실행할 수 있게 하는 자바스크립트 실행기이다. 특히 2008년 구글이 V8 엔진을 사용하여 크롬을 출시했고 V8 엔..

카테고리 없음 2022. 4. 20. 13:21