코딩과 나

📚 TIL 코드숨 2주차 DAY 13, 자바스크립트 코딩의 기술 🥕 1번 과제 수행하기 먼저 오류부터 해결해보았어요 git pull origin counter 오류!! (counter는 branch 이름) 먼저 pull해서 파일 불러와서 작업하려니까 오류가 나요! 처음에 upstream/main을 입력했을 때 오류가나서 안했더니 안되는건지.. git fetch upstream main git rebase upstream/main 둘 다 오류가 나요 git status git commit -am "." 이렇게 해보래서 했더니 오류는 사라졌어요! pull 했는데 예전 버전은 안오네요 ㅠㅠ 아 이거 뭔가요 어제 이렇게 해놓고 잤는데 돌아버리겠어~~ 내가 오류를 만들어내는건가? 그냥 다 지우고 예전에 커밋했던거..

📚 TIL 코드숨 2주차 DAY 12 💈 1번 과제 수행하기 1번 과제는 아래 사진처럼 카운터 앱을 만드는 건데요 Click me!를 클릭하면 카운터 숫자가 1씩 증가하고요 아래의 숫자 버튼을 클릭하면 각 숫자만큼 카운터 숫자가 증가해요 과제를 수행하려니 DOM 객체 구조를 이해하는 게 먼저인데 그게 일주일 안에 돼서 과제까지 무사히 제출할 수 있을까 하는 생각에 마음은 급하고 오류는 생기고 해서 수요일, 목요일은 제대로 집중을 못했어요ㅠ 오늘은 과제 해결을 위해 노력해보았습니다~~ 먼저 코드를 작성하기 위해 구조를 파악했어요 알겠기는 한데 파라미터랑 코드 연결이 이해가 잘 안돼요 ㅠ 어디에 뭐가 어떻게 들어가는건지 알려고 강의를 한 번 더 들었어요 Buttons에도 onClick 기능을 추가해줬어요 왜..

📚 TIL 코드숨 2주차 DAY 11, React 튜토리얼 🎵 오류 해결하기 오늘은 과제는 못풀고 오류를 해결했습니다 아래와 같은 문제가 생겼었는데요 그로 인해 과제를 해결할 수 없는 상황이었어요 ㅠㅠ 구글에 검색해보니 node_modules와 package-lock.json 파일을 삭제한 뒤 다시 설치하라고 했는데요 다시 설치가 안돼서.. 이전 커밋으로 되돌리니 삭제된 파일은 다시 복구가 안되더라고요 kmhan.tistory.com/321

📚 TIL 코드숨 2주차 DAY 10, 모던 JavaScript 튜토리얼 🧇 1번 과제 수행하기 이번 과제는 Counter 앱을 만들고 컴포넌트를 파일별로 나눠서 분리하는 것이에요 시작부터 안돼서 멘탈.. 아래같은 오류가 떴는데요 확인해보니 import { clearCustomQueryHandlers } from 'puppeteer'; 이런 코드가 추가되어있었어요 저도 모르게 추가했나봐요 .. 하 스트레스! 집에 와서 컴퓨터로 하려는데 실행도 안되고.. 힘들다 🧇 Git 사용하기 컴퓨터와 노트북을 함께 사용해서 작업을 하다보니 Git 사용법을 확실히 알아야겠더라고요!! 협업 & 버전관리의 필요성을 함께 느끼고 있어요 ㅎㅎ 이건 나중에 또 필요할 수도 있으니 글 하나로 정리해서 참고해야겠어요 아래 오류는 ..

📚 TIL 코드숨 2주차 DAY 9 🌿 React 시작하기 리액트 설치하기 어제 이게 안됐던게 const element = 뒤에 괄호()를 해야되는데 중괄호{}로 해서 안된거였다.. 이거때문에 2시간을 쓰다니 어이없다!!! Components & Props - 선언형 프로그래밍 : 어떤 명령이 실행될지 묘사하지 않고 목표만을 기술하는 것 function renderButtons() { ... } renderButton() → function Buttons() { ... } 리액트 훅 - useState를 사용해서 Component 안에 있는 상태 다루기 관심사의 분리 - 컴퓨터 프로그램을 구별된 부분으로 분리시키는 디자인 원칙 - 화면에 그려주는 내용, 상태를 관리하는 내용으로 분리 😁 오늘 한 일 📕 ..

📚 TIL 코드숨 2주차 DAY 8, 모던 JavaScript 튜토리얼 🚀 학습 목표 리액트 컴포넌트를 분리하고 간단한 Todo App 만들어 보기 1. 간단한 카운터 앱을 리액트로 만들고 이를 여러 개의 파일로 분리해 봅니다. 2. 간단한 Todo 앱을 리액트로 만들어 봅니다. 🚀 React 시작하기 리액트 설치하기 npm install react react-dom React ReactDOM Components & Props 설치를 다 했는데 적용이 안돼서.. 내일 1주차 내용 다시 봐야겠어요 🚀 1주차 과제 풀이 1 let을 사용하지 않을게요 -> 변수를 재할당하지 않고 코드 작성하기 const를 사용하면 재할당을 할 수 없어요 -> render에 변수로 count를 받는다. 변수를 바꾼 다음에 re..

🍬 코드숨 1주차 과제 풀이 공부하기 🍬 코드숨 2주차 교육 듣고 과제 수행하기 🍬 모던 JavaScript 튜토리얼 읽기 🍬 자바스크립트 코딩의 기술 책 공부하기 🍬 React 공식문서 읽기 🍬 바이올린 레슨 받기

📚 TIL 코드숨 1주차 DAY 7 🚤 2번 과제 수행하기 이제 숫자를 입력한 뒤 새로운 숫자를 눌렀을 때 초기화되지 않고 숫자가 쌓여서 입력되도록 만들었어요 기본 개념이 확실하지 않으니 코드 구성이 너무 어렵네요 ㅠㅠ 과제 풀이를 살짝 봤는데 안보면 못풀 것 같은 문제예요 그렇지만 일단 서툰 솜씨로 어떻게든 짜맞춰보려고요 일단 그냥 머릿속에 있는 생각들로 막 구현해봤어요 실행이 되진 않는데 이제 내일 하나하나 코드를 분석해보면 될 것 같아요 🚤 1강 JSX 복습하기 Babel을 설치하고, config 설정을 해주었어요 JSX는 자바스크립트에서 html처럼 코드를 작성할 수 있게 해주는 문법이에요! 코드를 작성하면서 여러가지 자바스크립트 문법들도 배웠습니다 😁 오늘 한 일 📕 공부하기 - 오늘은 이번주 ..

📚 주간 회고 🏁 이번주 목표 코드숨 교육 듣고 과제 수행하기 Git, GitHub 익숙해지기 자바스크립트 코딩의 기술 책 공부하기 React 공식문서 읽기 JS 교육 필수 문법 공부하기 유닉스 커맨드 라인 복습하기 모던 JS 튜토리얼 공부하기 🏁 한 것 코드숨 교육 듣고 과제 수행하기 JS 교육 필수 문법 공부하기 Git, GitHub 활용하여 커밋하기 모던 JS 튜토리얼 공부하기 🏁 배운 것 Node.js 사용법과 JavaScript 문법을 학습했습니다. Git과 GitHub를 활용해서 협업하는 방법을 배웠습니다. 변수를 재할당하지 않고 코드를 작성하는 법을 알게 되었습니다. ESLint로 코드를 검사하고 모르는 문제에 대해 공식문서를 참고하는 법을 익혔습니다. 🏁 느낀 것 답을 찾을 수 없을 거라 ..

📚 TIL 코드숨 1주차 DAY 6 🍠 1번 과제 수행하기 eslint에서 나오는 문제들 해결하기!! 두 가지 문제가 나왔었죠 no-use-before-define no-param-reassign 두 번째 문제는 선생님께서 해답을 제시해주셨습니다 저는 파라미터 이름을 재사용하는 것이 문제라 생각했는데 파라미터를 재할당하는 것이 문제라고 하셨어요! 공식문서를 처음 읽었을 때는 이해를 못했는데 해답을 듣고 코드를 수정했습니다 render 함수에 수정된 파라미터를 넘기는거였어요! 첫 번째 문제는 함수를 정의하기 전에 사용하는 것이 문제였는데요 저의 코드는 A함수 안에 B함수를 사용하고 B함수 안에 A함수를 사용해요 그래서 A함수가 먼저 있든 B함수가 먼저 있든 오류가 나더라고요 그래서 A함수 안에 B함수를 넣..