HYEWON JUNG의 개발일지

이게... 하드 코딩인가.. 기능구현은 했지만, 그 순간 뿐.. 과제 힌트를 보고 다시 해봐야지.. 지금 기능이 구현되긴 한 것.. 추가하기르 누르면 만들어지는 카드를 완료를 누르면 내용을 복사해서 Done으로 만들고 취소를 누르면 Done의 내용을 todo로 넣어서 돌리고.. 버튼마다 다 다른 기능넣고.. 대환장 코드.. 망한 코드 더보기 import React, { useState } from 'react' import './Listcard.css' function Listcard() { const [todo, setTodo] = useState([{ id:0, title: 'put title', content: 'put content' }, { id:1, title: 'put title2', con..

오늘의 목표 베이직반 숙제 끝내기 개인과제 오늘의 개발, 새롭게 알게된 것 S.A 우선 필수 기능을 넣고 꾸미던가 하자. 이전 개인과제 할때 하루 종일 html이랑 css 했더니 시간도 부족하고 어차피js에서 다 무너졌었으니 최소한의 css만 하고 기능구현하기! 오늘 완성본! css는 거의 안하고 구역 표시하려고 background color만 주고 배치만 해줬다. 문제는 추가 하는 기능까지 넣어줬는데 얘가 게속 생겼다가 사라지는 것이다. ???: 그것은 제 잔상입니다만. 암만봐도 강의에서랑 다른게 없는디.. 튜터님을 찾아갔다가 회의 중이시래서 팀원분들을 소환했다.. 화면공유로 코드를 공유하고 보다가 결국 코드 전체를 대화로 보내고 저녁을 먹고 왔더니 해결법을 알려주고 계셨다. 문제코드 const add..

아직 진행중이지만 지금 현재 해결중인 문제는 HashRouter ! 클론 코딩이라서 코드를 그대로 따라치면서 공부를 하는데 2020년도 책이라 리액트가 엡데이트 된 항목들이 생기면서 조금씩 다른 것이 나온다..그래도 페이지 간단 구성까지는 잘 했었는데 HashRouter 가 해결이 되지 않았다. 책에 나온대로 했더니 Error A is only ever to be used as the child of element, never rendered directly. Please wrap your in a . 라고 나왔다. 그래서 직관적으로 routr는 routes안에 있어야한다는 말인가? Route를 감싸주었다. 그러고 만난 것이 No routes matched location "/" 구글링을 해도 잘 모르겠..

오늘의 목표 React강의 다 듣기 TIL 미리 만들기 알고리즘 문제 2개 풀기 오늘의 개발, 새롭게 알게된 것 2023.11.01 - [React] - state , state와 불변성, 전개구문을 이용한 불변성 유지 state , state와 불변성, 전개구문을 이용한 불변성 유지 state를 쓰는 이유 UI를 바꾸기 위해서다, 렌더링을 다시하기 위해서 const [state, setState]= useState('initial Value') 배열 안의 'state'는 초기값을 받을 변수, 'setState'는 변수를 제어할 메소드 , 'initial Value' hyewonjung-coding.tistory.com 2023.11.01 - [React] - 반복되는 컴포넌트 처리, 나누기 반복되는 컴..

1. 단순 컴포넌트 반복 => map()사용하기 function App() { return ( 감자 고구마 오이 가지 옥수수 ); } (1)중복된 컴포넌트 안에 있는 요소들로 배열을 만들어주기 (2) map()을 이용하여 새로운 배열 내뱉기 function App() { let guhwang = ['감자', '고구마', '오이', '가지', '옥수수'] return ( {guhwang.map((item)=>{return {item}})} ); } 2. 배열안 객체 처리하기 let users = [ { id: 1, age: 30, name: "송중기" }, { id: 2, age: 24, name: "송강" }, { id: 3, age: 21, name: "김유정" }, { id: 4, age: 29, n..

state를 쓰는 이유 UI를 바꾸기 위해서다, 렌더링을 다시하기 위해서 const [state, setState]= useState('initial Value') 배열 안의 'state'는 초기값을 받을 변수, 'setState'는 변수를 제어할 메소드 , 'initial Value'는 초기값 state를 input에 준다고 했을 때 input 입력값에 따라 state를 변경하려면 하고 밑에 {ID} 로 나타낼 곳에 넣어주면 되겠죠 불변하다, 가변하다 참고할 것. 2023.10.27 - [JavaScript] - 데이터 타입 > 얕은 복사 , 깊은 복사 데이터 타입 > 얕은 복사 , 깊은 복사 데이터 타입 기본형 Number String Boolean Null undefined symbol 참조형 > ..