본문 바로가기

Programing371

2024-05-17 스탠다드 특강 2회차 이번 과제에서 공통 피드백느슨한 비교와 엄격한 비교// 느슨한 비교console.log( 5 == "5" ); // true// 엄격한 비교console.log( 5 === "5" ); // false느슨한 비교는 특별한 경우가 아니면 무조건 엄격한 비교를 우선적으로 사용하도록 한다.이유는 느슨한 비교를 하게 되면 코드 실행 기대값은 같더라도 코드를 읽는 사람이 한 번 더 생각을 해야 되기 때문에 시간이 오래 걸리고,코드 실행적인 측면에서도 의도치 않은 에러를 발생시킬 수 있다.const vs let변수 선언할 때 무조건 const로 선언한다고 생각한다.그리고 이후 재할당이 필요한 경우 let으로 바꾼다.이유는 let으로 변수를 선언한 경우, 값이 재할당 된다고 생각되기 때문에 코드를 읽는 사람이 개발자.. Programing/TIL 2024. 5. 17.
2024-05-14 스탠다드 미니 과제 import { useState } from "react";import "./App.css";function App() { const initialState = [ { id: 1, name: "John", age: 20 }, { id: 2, name: "Doe", age: 21 }, ]; const [users, setUsers] = useState(initialState); // TODO: 이름과 나이를 각각 상태로 정의하세요. 초기값은 빈문자열("")입니다. const [name, setName] = useState(''); const [age, setAge] = useState(''); // 빈 문자열을 초기값으로 state 값 초기화 // 각각 name, age라는 변수명.. Programing/TIL 2024. 5. 14.
003. [코딩애플] [part1] React에서 사용하는 JSX 기초 문법 프로젝트 기본 준비터미널에 밑의 명령어를 넣어서 실시간 미리보기를 웹 브라우저에 띄운 상태로 작업 시작한다.npm startApp.js 파일 내에 있는 코드 중 가장 최상단의 div 하나만 남기고 다 지우면 됨.JSX 문법 시작하기HTML 만들기 (정확히는 JSX)가장 최상단의 div 안에 HTML 태그를 입력하면 된다. 그런데 이것은 엄밀히 말하면 HTML이 아님. HTML은 .html이라는 파일에만 입력할 수 있고 이건 js 파일이기 때문에 자바스크립트에 HTML 마크업 언어를 입력하기 쉽게 만들어 주는 jsx라는 방식임. HTML과 거의 흡사하게 생겨 편리하지만 조금씩 차이점이 있음.가장 큰 차이는 class를 선언할 때 class라고 속성을 만들면 안 되고, className이라고 속성을 만들어야.. Programing/React 2024. 5. 14.
002. [코딩애플] [part1] 리액트 React 설치와 개발환경 세팅 개발환경 세팅Node.js 설치구글 검색 후 LTS 버전 설치.VSCode 에디터 설치따로 사용하는 에디터가 있으면 그거 써도 됨.프로젝트 생성CRA로 프로젝트 세팅하기React 프로젝트를 만들기 위한 파일들을 직접 설치해서 작업 환경을 만들 수 있겠으나 파일이 너무 많고 복잡하므로 Create React App이라는 라이브러리의 도움을 받을 것이고,이 라이브러리는 Node.js를 설치하면 자동으로 딸려 오기 때문에 Node.js도 설치한 것.그리고 아래 npx 명령어를 사용하면 리액트 프로젝트가 한 번에 구축이 됨.작업용 로컬 디렉토리 생성폴더를 shift 우클릭여기에 PowerShell 창 열기 클릭, 맥은 터미널 열기터미널에 아래 코드 입력npx create-react-app 허가 되지 않은 권한... Programing/React 2024. 5. 14.
001. [코딩애플] [part1] React란? React란?Single Page Application을 만들기에 유리한 라이브러리이다.SPA는 인스타그램과 같이 페이지가 전환되었음에도 새로고침이 되지 않고 부드럽게 모바일 앱과 같은 사용성을 보이는 웹 페이지를 말함.물론 바닐라 JS로도 가능하지만 코드가 길어지기 때문에 이를 도와주는 라이브러리가 많이 생겼고, 그 중에서 가장 인기가 많은 것이 react임.특징대규모 웹 애플리케이션에서도 빠르다.동적인 애플리케이션을 더 쉽게 만들 수 있다.재사용 가능한 컴포넌트를 사용하여 뷰를 구성하기 때문에 복잡한 UI를 쉽게 구성할 수 있다.JSX(일명 작스)를 사용한다. HTML과 유사한 구문을 코드에 직접 포함시킬 수 있다.React Native 사용하면 iOS와 안드로이드 모바일 모두 통하는 애플리케이션을 .. Programing/React 2024. 5. 14.

티스토리툴바