반응형

2024/06 4

1RM 만들며 리액트 공부 2

SSR - 서버사이드 렌더링 - 렌더링을 서버에서 해주는거래. SPA 말고, 페이지 여러개로 하는 전통적인 html 방식?CSR - 클라인트 사이드 렌더링 - 옹 1. usestate 훅의 기본구조const [stateVariable, setStateFunction] = useState(initialState); 여기서, 변수 선언을 하는 const와 usestate말고는 다 내가 정해주는 변수, 함수명이다. 상태값을 저장하는 변수와, 상태값을 업데이트하는 함수를 선언해준다.  sateVariable은 내가 선언해준 변수명, setStateFunction은 내가 선언해준 함수명이다. 그리고 저 initialState는 count의 초기값일거다.import React, { useState } from 'r..

data lab 2024.06.24

리액트 props 에 쓰이는 삼항 조건 연산자

? 연산자는 JavaScript에서 삼항 조건 연산자(ternary operator)라고 불립니다. 이 연산자는 세 개의 피연산자를 받아서 조건에 따라 값을 반환합니다. 삼항 조건 연산자는 if-else 문을 한 줄로 줄여 쓸 수 있게 해주는 간단한 조건 연산자입니다.구문삼항 조건 연산자의 구문은 다음과 같습니다:javascript코드 복사condition ? expr1 : expr2condition: 평가될 조건식입니다. 이 조건이 true인지 false인지에 따라 반환값이 결정됩니다.expr1: 조건식이 true일 때 반환되는 표현식입니다.expr2: 조건식이 false일 때 반환되는 표현식입니다.

data lab 2024.06.24

1RM 앱 만들며 리액트 공부시작~~

1. node.js 와 npm (node.js package manager)을 깔아준다. node.js는 웹 브라우저 외부에서 JavaScript를 실행할 수 있게 하는 오픈 소스, 크로스 플랫폼 런타임 환경이다. 주로 웹 브라우저 내에서 사용자 인터페이스와 상호작용을 구현하는 데 사용되었다. 하지만 Node.js의 등장으로 JavaScript는 서버 사이드 프로그래밍 언어로서의 역할을 확장하게 되었다. npm은 Node.js 패키지 매니저(Node Package Manager)의 약자로, Node.js 언어로 개발된 모듈(라이브러리)들을 관리하는 데 사용되는 툴입니다. 이 도구는 JavaScript 개발자들에게 필수적이며, JavaScript 프로젝트의 의존성을 관리하고, 다양한 패키지를 쉽고 빠르게 ..

data lab 2024.06.23
반응형