전체 글105 [React] 투두리스트 만들기 오늘 한일 1. 컴포넌트 분리해서 투두리스트 다시 만들기 2. 리덕스 완강 https://react-todo-list-rust.vercel.app/ 배포 React App react-todo-list-rust.vercel.app 깃허브 https://github.com/jeLee94/TodoList/tree/version1 2022. 12. 13. [Develog] 12월 2주차 주간회고록 Todo 리스트 리뷰 특강을 듣고 생각이 많아졌다. 현생이 너무 바빠 정작 해야하는 공부를 너무 대충하고 있는 느낌이다. 잘하고 싶고 제대로하고 싶은데 시간에 쫓겨 이도저도 아닌 느낌이다.. 3주 후에 해외연수도 가는데 걱정된다.. 그 동안 빡집중 모드 ON 해야겠다. 국취제 1차 상담은 잘 끝났다. 내배캠을 하고 있어서 좀 간단하게 끝날 수 있을 것 같다. 다음주에 두번 더 보기로했다. 다른 분들은 주에 한 번 본다고했는데 상담사 분이 휴가 기간이 있어서 몰아서 보기로했다. 나도 빠르게 끝나는게 좋다. 오히려좋아 주말엔 금복이를 보러 본가에 왔다. 몰랐는데 엄마아빠 35주년 결혼기념일이란다. 엄빠 주려고 갤러시 버즈2 프로!를 샀는데 배송이 늦게와서 오늘은 못챙겨왔다. 다음에 올 때 크리스마스 선물로 .. 2022. 12. 11. [Develog] 12월 9일 회고록 오늘은 공부가 잘 안됐다. 기초프로젝트 2벤트리스너 팀원들과 저녁시간을 갖기로했다. 목요일에 마지막 기말고사가 있어서 벼락치기하느라 밤샘한다고 오늘은 효율이 좋지 못했다. 체력관리가 제일 중요하다고 생각해서 오늘은 좀 쉬엄쉬엄했다. 서울에 지하철타고 오랜만에 갔다. 너무 오래걸렸다. 힘들었다. 3월 안에 다시 서울로 간다. 기다려랏 2022. 12. 11. [React] 리액트의 생명주기 https://react.vlpt.us/basic/25-lifecycle.html 25. LifeCycle Method · GitBook 25. LifeCycle Method LifeCycle Method 는 한국어로 "생명주기 메서드" 라고 부릅니다. 생명주기 메서드는 컴포넌트가 브라우저상에 나타나고, 업데이트되고, 사라지게 될 때 호출되는 메서드들 입니다. react.vlpt.us strict mode https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Strict_mode 2022. 12. 8. [React] 리액트로 todo리스트 만들기 컴포넌트: Todo, Button 추가기능: 가로스크롤 id를 Date.now()로 지정해 id 겹침현상 제거 완료된 모습 App.js import React, { useState } from 'react'; import './App.css'; import Todo from './components/Todo'; import CustomBtn from './components/CustomBtn'; function App() { const [todo, setTodo] = useState([ { id: Date.now(), title: 'todotest', contents: '리액트기초를 공부해봅시다.', }, { id: Date.now() + 1, title: 'todotest222', contents: '.. 2022. 12. 7. [React] 리액트 기초 todo리스트 만들기 컴포넌트 분리X, 정리 안된 버전 import React, { useState } from 'react'; import './App.css'; function Todo(props) { return ( {props.title} {props.contents} props.handleDelete(props)}>삭제하기 props.handleDone(props.todo)}>완료하기 ); } function DoneTodo(props) { return ( {props.title} {props.contents} props.handleDelete(props)}>삭제하기 props.handleDoneCancel(props.doneTodo)}> 취소 ); } function App() { const [todo, setTo.. 2022. 12. 6. [React] 리액트 기초 개념 컴포넌트/JSX/Props/State 리액트를 공부하는 첫 날이다! 기대된다. 1. 컴포넌트란? 재사용할수 있는 조립 블록. 화면에 나타나는 UI 요소라고 생각하면 이해하기 쉽다. 단순히 UI 역할 뿐만 아니라 부모로부터 받은 속성(props)이나 자신의 상태(state)에 따라 표현이 달라지고 다양한 기능을 수행한다. 리액트는 데이터와 UI 요소의 집합체라고 할 수 있는 컴포넌트를 이용하여 화면을 구성하게 된다. 2. JSX 객체 생성과 함수 호출을 위한 문법적 편의를 제공하기 위해 만들어진 확장 기능으로 리액트 프로젝트에서 사용된다. JSX는 가독성이 높고 작성하기도 쉬우며 XML과 유사하다는 점에서 중첩된 구조를 잘 나타낼 수 있다는 장점이 있다. *JSX에서 여러개의 요소를 표현할 경우 반드시 하나의 부모로 감싸야한다. 위와 같이 작.. 2022. 12. 5. [WIL] 5주차 회고록 이번 한 주... 그 동안 쏟아놓은걸 보상받은 듯한 한 주였다. 금요일엔 공모전에서 상도 받고 사람들 앞에서 성과발표도 했고 태영이 부모님께서 소고기도 사주셨다. 돌아온 후엔 주말엔 미친듯이 잠만잤다. 시상식 날은 정신없었다. 8시에 가자마자 리허설하고 윤희언니한테 가서 머리 드라이 받고 이후에 바로 시상 리허설하고 점심먹고 시상하고 VIP들 앞에서 1분 스피치하고 인터뷰하고 또 인터뷰하고 성과발표하고... 오전 8시부터 6시까지 시간이 후루룩 하고 지나갔다. 그래도 좋은 성과를 얻어서 정말 다행이다. ICT멘토링 엑스포 개최…디지털 인재 육성 성과 공유 - 정보통신신문 [정보통신신문=서유덕기자] 첨단 정보통신기술(ICT) 산업을 이끌 유망 인재들의 산학협력 우수 성과를 공유하는 ‘2022 ICT멘토링 .. 2022. 12. 5. [Develog] 2022년 11월 30일 오늘의 회고 오늘은 공부를 거의하지 못했다. 새로운 팀원들과 소개를 나누고 나니 체력이 다 빠져서 오전에 쉬기만하다가 공모전 대상들을 위한 스피치 교육을 들으러 한시에 출발했다. 난 대상 3팀 모두 불러서 발성법 같은 교육을 할 줄 알았는데 가보니 나 혼자뿐이었다. 알고보니 내 자료로 내가 발표하는 걸 들어보시면서 교정해주는 스피치 교육이었당... 완전 발표 준비 하나도 안하고 가서 너무 당황스러웠고... 대본 숙지도 안돼서 엉망이었다. 피드백을 받은 내용은 일반인 대상으로 하는 거면 내용을 좀 바꿔야 할 것 같고, 말 끝 흐리지 말고 아랫배 힘주기, 내가 이거 만든 사람이니까 당당하고 자신있게 전문가처럼 이야기하라고 하셨다. 금요일에 몇 명 앞에서 발표하는지 물어보니 200석 마련되어있다고 한다. 물론 꽉차진 않겠.. 2022. 11. 30. 이전 1 ··· 5 6 7 8 9 10 11 12 다음
