본문 바로가기

전체 글

🏃12/17 내배캠 React(30~34일) 7주차 WIL 회고 이번주도 너무나도 빠르게 일주일이 흘러갔다. react를 이용하여 간단한 todo-list만드는 법을 배웠고, 만드는 과정에서 많은 스트레스를 받았다. 실력이 너무나도 부족한것 같다는 생각이 들고, 열정도 부족한가하는 생각이 많이 들어 정말 많이 고민했던 일주일 인것 같다. 그래도 제대로 한번 하기로 했으니까 끝까지 높은 텐션, 높은 열정 유지하고, 잘 조절하면서 내배캠에 배우고, 활용할 수 있는 것들은 다 배우고 활용하고 싶다. 자유자재로 활용하고, 조절할 수 있게 열심히 똑똑하게 공부해보자!! 이번주 배운 것 Todo-list 녹화 todo-list녹화 중 오류가 나서 다시 찍었습니다. 몇시간을 날리고 다시 말하면서 찍다보니 어느정도 익숙해져서 공부가 더 많이 된 것 같습니다. https://w.. 더보기
😤 12/16 내배캠 React 34일차 🐜 오늘 할 일 react숙련 주차 다 듣기 react심화 강의 📆 계획표 시간 내용 결과 9:00 ~ 15:00 react숙련주차 다 듣기 ⛈ 15:00 ~ 21:00 숙련 todolist만들기 👩🏼‍🌾 오늘의 줍줍 " " 🌾🌾 오늘의 오류 기본적인 오류 오류 github에 연동하여 수정사항을 commit하고 싶은데, 너무 많은 수정 사항때문에 git 리포지토리에 활성 변경 내용이 너무 많습니다. git 기능의 하위 집합만 사용할 수 있도록 설정됩니다 이라는 오류가 뜨게 된다. 해결 git ignore파일을 사용하여 필요없는 부분은 commit하지 말자 .gitignore 이란? Project에 원하지 않는 Backup File이나 Log File , 혹은 컴파일 된 파일들을 Git에서 제외시킬수 있는.. 더보기
😤 12/15 내배캠 React 33일차 🐜 오늘 할 일 Todo-list 녹화하기 react숙련 주차 다 듣기 📆 계획표 시간 내용 결과 9:00 ~ 15:00 Todo-list 녹화 ⛈ 15:00 ~ 21:00 react숙련주차 다 듣기 👩🏼‍🌾 오늘의 줍줍 " " 🌾🌾 Todo-list 녹화 todo-list녹화 중 오류가 나서 다시 찍었습니다. 몇시간을 날리고 다시 말하면서 찍다보니 어느정도 익숙해져서 공부가 더 많이 된 것 같습니다. https://www.youtube.com/watch?v=wqLycnHctuY " 항상 영상 찍기전 테스트를 해보고 진행합시다..." 제발 제발 다들 메모하세요 🥲 팀 Notion 만들기 매니저님의 조언으로 우리팀 만의 공유할 수 있는 파일을 만들어 보았습니다. 원활하고 의미있는 소통을 위해 노션을 이용하.. 더보기
😇 12/14 내배캠 React 32일차 🐜 오늘 할 일 Todo-list 만들기 원장님 유튜브 반복재생 📆 계획표 시간 내용 결과 9:00 ~ 21:00 Todo-list 만들기/ 유튜브 반복 ⛈ 👩🏼‍🌾 오늘의 줍줍 " " 🌾🌾 Note that the development build is not optimized. To create a production build, use yarn build. Todo-list를 작성하던 중, 오류가 떴다...어떤 부분에서 무엇이 잘못되었는진 모르겠지만 React-app이 갑작스럽게 무한로딩에 들어갔다. 튜터님에게도 여쭤보고 구글신에게도 여쭤봤지만 답을 찾지 못했다... 여기서 배운 점은 이런 연습을 위한 작은 프로젝트라도 github에 연동하여 계속 커밋하고 푸시하자는 것이었다. 그래야만 나중에 하나하.. 더보기
😇 12/13 내배캠 React 31일차 🐜 오늘 할 일 Todo-list 만들기 원장님 유튜브 반복재생 📆 계획표 시간 내용 결과 9:00 ~ 21:00 Todo-list 만들기/ 유튜브 반복 ⛈ 👩🏼‍🌾 오늘의 줍줍 " " 🌾🌾 오늘은 몸이 너무 안좋아서 오전을 거의 날리듯이 공부를 했다... 날이 갑자기 많이 추워져서 그런가 면연력이 많이 떨어져 있다는 기분을 느꼈다. 비타민 잘 챙겨먹고, 물 많이 마시자!! 원장님이 올려주신 todo-list 만들기를 마스터 하기 위해 오늘 총 5번정도 반복해서 만들어 보았다. 조금조금씩 이해하기 시작했다는게 너무 기쁘고, 그전에 조금씩 배웠던 내용들이 상기되어 방향성이 잡히기 시작했다. 먼저 계속 반복하면서 한번씩 더 보고 공부해야겠다는 부분들을 체크해가며 따라 해봤다. 그리고 작업하는 순서를 글로 작.. 더보기
😇 12/12 내배캠 React 30일차 🐜 오늘 할 일 리액트 강의 Todo-list 만들기 원장님 특강 📆 계획표 시간 내용 결과 9:00 ~ 13:00 리액트 강의 ⛈ 14:00 ~ 18:00 Todo-list만들기 (복습) ⛈ 18:00 ~ 21:00 원장님 특강 ⛈ 👩🏼‍🌾 오늘의 줍줍 " " 🌾🌾 투드의 새로운 내용을 추가했을 때 input테그에 써있는 텍스트를 없애려면 어떻게 해야하는가? → setState(””) : input에 onchange가 일어날때마다(=event가 일어남) 함수를 넣어 ‘’로 만들어 준다. event안에 있는 target의 value의 값이 input창에 무언가를 입력한 값이다. handleSubmitClick이 발동했을 때, 값(value)을 초기화 해주면 된다. 써야하는 메서드는 setTitle과 se.. 더보기
🏃12/10 내배캠 React(26일~30일) 6주차 WIL 이번 주 배운 것 Javascript 심화 [ copyObject( ) ] : for문을 돌리면서 변수값을 하나하나씩 복사하는 방법 → 똑같은 주소값을 가져오는 것이 아닌, 복사를 하여 완전히 새로운 데이터 주소값을 가져온다(대신 1depth(얕은복사)를 사용한다.) [ 얕은 복사 / 깊은 복사 ] - 얕은 복사 : 바로 아래 단계의 값(1 depth)만 복사 -> 문제점 : 중첩된 객체의 경우 참조형 데이터가 저장된 속성property를 복사할 때, 주소값만 복사한다. - 깊은 복사 : 내부의 모든 값들을 하나하나 다 찾아서 모두 복사한다 모듈(Modules) Exports & Imports 파일의 크기가 커질수록 하나의 파일에서 코드를 작성하기에 한계가 존재한다. modules이라는 기능을 통해 하나.. 더보기
😇12/08 내배캠 React 29일차 🐜 오늘 할 일 리액트 입문 강의 리액트 강의 세션3개듣기 자바스크립트 복습 (원장님 3~5강) 알고리즘 문제풀이 📆 계획표 시간 내용 결과 9:00 ~ 13:00 리액트 입문강의 복습 14:00 ~ 18:00 리액트 강의 18:00 ~ 19:00 리액트 과제하기 19:00 ~ 22:00 자바스크립트 복습 👩🏼‍🌾 오늘의 줍줍 " " 🌾🌾 Spread & Rest 연산자(operators) 형태 : **…** 점 3개가 끝 어디에 사용하는지에 따라 spread 또는 rest 라고 불린다 Spread 배열의 원소나 객체의 프로퍼티를 나누는데 사용된다 const numbers = [1,2,3]; // [1,2,3] const newNumbers = [...numbers, 4]; // [1,2,3,4] //만.. 더보기

티스토리툴바