본문 바로가기

Web Study124

한입 크기로 잘라 먹는 리액트 - 자바스크립트 기초편 기본적으로 아는 내용은 경청하고 몰랐던 내용이나 다시 정리가 필요한 내용만 기재함. 리액트를 배워야 하는 이유 자바스크립트의 UI 라이브러리 Facebook(meta) 이 개발한 오픈 소스 https://codesandbox.io/ CodeSandbox: Code, Review and Deploy in Record Time CodeSandbox is a cloud development platform that empowers developers to code, collaborate and ship projects of any size from any device in record time. codesandbox.io 해당 사이트로 js 공부 Non Promitive Data Type : 함수, 배열, 객.. 2023. 3. 22.
node.js 와 npm Chrome V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 환경 서버 사이드 애플리케이션 개발에 사용되는 소프트웨어 플랫폼 Node.js는 브라우저 외부 환경에서 자바스크립트 애플리케이션 개발에 사용되며 이에 필요한 모듈, 파일 시스템, HTTP 등 Built-in API를 제공한다. node.js는 Non-blocking I/O 와 단일 스레드 이벤트 루프를 통한 높은 Request 처리 성능을 가지고 있다. 데이터베이스로부터 대량의 데이터를 취득하여 웹페이지에 표시할 때 일반적으로 데이터베이스 처리에 대기시간(blocking)이 발생하기 때문에 웹페이지 표시가 지연되는 현상이 발생한다. 기본적으로 node.js의 모든 API는 비동기 방식으로 동작하여 Non-blocking I/O이 가능하고 .. 2023. 3. 18.
게시판 서비스 시작 - DB 구축 Mysql 을 배운 김에 회원가입 페이지부터 만들어보기로 하였다. 먼저 회원가입 DB를 구축하였다. 호기롭게 테이블을 만들었으나 전화번호를 숫자로 받아버린 탓에 테이블의 열 자료형을 변경해줘야 했다. 등록한 임시 유저들의 목록을 만들어보려고 했는데 ....... 유저 정보를 읽어오는 것보다 화면을 띄우는게 빨라서 자꾸 읽어오지 못한다 ㅜㅜ 아직 어떻게 해결해야할지 모르겠어서 오늘은 여기까지 해야겠다.. 2023. 3. 16.
SOAPLE 처음 만난 리액트 Components and Props Components 자바스크립트의 함수와 유사한 로직으로, 입력을 받으면 출력을 리턴한다. (그래서 함수 같다고 생각하면 편하다고 한다) 입력 : Props React Component 출력 : React element component는 class, react element는 instance와 유사하다. Props - Property (입력 속성) React Component의 속성 컴포넌트에 전달할 정보를 담고 있는 자바스크립트 객체 Props 특징 Read only 라서 값을 변경할 수 없다 ---> 새로운 값을 컴포넌트에 전달하여 새로운 element를 생성해준다. pure 한 함수 : 입력값을 변경하지 않고 같은 입력값에 대해 항상 같은 출력값을 리턴할 때 Impure 함수 : 입력값을 변경 모.. 2023. 3. 7.

티스토리툴바