본문 바로가기

Programing/TIL85

2024-05-20 props 개념 이해하기 props 개념은 이해했으나 손에 잘 붙지 않아 연습문제를 풀고자 한다.Message라는 이름의 컴포넌트를 만들고, text라는 props를 받아서 화면에 출력하세요.App 컴포넌트에서 Message 컴포넌트를 사용하여 "Hello, World!" 메시지를 출력하세요.// App.jsxfunction App() { return ( );}// Message.jsxfunction Message(props) { return ( {props.test} );} Programing/TIL 2024. 5. 21.
2024-05-17 React To Do List 만들기 배포주소https://bootcamp-0517.vercel.app기존코드와 개선된 코드기존 코드 (하나의 App.jsx에 작성)import { useState } from 'react';import './App.css';function App() { const [cards, setCards] = useState([]); const [newTitle, setNewTitle] = useState(''); const [newBody, setNewBody] = useState(''); const addCard = (e) => { e.preventDefault(); if (newTitle === '' || newBody === '') { setNewTitle(''); setNe.. Programing/TIL 2024. 5. 19.
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.
2024-05-13 내배캠 스탠다드 1일차 JS 문법 확인 문제풀이문제 1 (for문)문제다음 문자열 배열에서 stop 문자를 만났을 때 반복을 중지하고, skip 문자를 만났을 때 해당 반복을 건너뛰고 나머지 문자열들을 출력하세요.let words = ['apple', 'banana', 'skip', 'cherry', 'stop', 'date', 'elephant'];풀이// Pseudo Code// 1. words 배열을 순회하면서 stop을 만나면 break;// 2. 순회하면서 skip을 만나면 continue;// 3. [apple, banana, cherry] -> "apple, banana, cherry"let words = ['apple', 'banana', 'skip', 'cherry', 'stop', 'date', 'elepha.. Programing/TIL 2024. 5. 13.