코딩/Web21 React 리엑트(React)Facebook에서 개발한 JavaScript 사용자 인터페이스를 만들기 위한 라이브러리재사용이 가능한 UI 컴포넌트를 작성할 수 있게 해주며, 데이터의 변경에 따라 UI를 효율적으로 업데이트할 수 있는 방법을 제공Virtual DOM을 사용하여 실제 DOM 조작을 최소화하고 성능을 향상단일 페이지 응용 프로그램(SPA) 및 대규모 웹 애플리케이션에서 많이 사용JSX라는 문법을 통해 JavaScript 코드 내에서 HTML과 유사한 문법을 사용하여 컴포넌트를 정의라이브러리(library) vs 프레임워크(Framework)라이브러리* 개발자가 필요할 때 함수 또는 모듈을 호출하여 사용하는 방식으로 동작* 애플리케이션의 전체 구조를 개발자가 직접 설계* 추가적인 기능을 제공하거나 특정 기.. 2024. 6. 7. node.js 버퍼 스트림 파이프 Express프레임워크 버퍼(buffer)메모리에 저장되는 일부 공간바이트 단위로 저장되며 integer 형태의 배열const buf = Buffer.from('Hi');console.log(buf);console.log(buf.length);console.log(buf[0]);console.log(buf[1]);console.log(buf.toString());const buf2 = Buffer.alloc(2);buf2[0] = 72;buf2[1] = 105;console.log(buf2.toString());console.log('-------------')// nodejs 를 메모리 버퍼에 문자열 사이즈 만큼 메모리를 할당하고 문자를 저장 후 출력// 단 아스키코드를 사용const buf3 = Buffer.alloc(6).. 2024. 4. 26. node.js 동기, 비동기 getUserInfo(userId, (user) => { getPosts(user.id, (posts) => { displayPosts(posts); }, (error) => { handleError(error); });}, (error) => { handleError(error);});getUserInfo(userId) .then((user) => { return getPosts(user.id); }) .then((error) => { displayPosts(posts); }) .catch((error) => { handleError(error); });프로미스(Promise)비동기(특정.. 2024. 4. 26. node.js node.jsnode.js는 JavaScript 런타임 환경으로 서버 애플리케이션을 개발하는데 주로 사용됨설치https://nodejs.org/en/ Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 함수function sum(num1, num2){ console.log('sum() 호출!'); return num1 + num2;}const result = sum(10, 20);console.log(result)console.log('---------------')// 함수의 메모리 주소 전달하는 방법const add = sum;con.. 2024. 4. 26. 이전 1 2 3 4 ··· 6 다음
