나의 github blog

📝 복습이 필요한 부분

• ⭐️JS 기초!! 무슨 일이 있어도 빠삭하게 공부할 것!!⭐️
• HTML/CSS 완벽 정리

💭 오늘 하루 되돌아보기

나의 github blog

📔 오늘 배운 것

• 데이터의 불변성과 가변성
• 재귀함수
• 얕은 복사와 깊은 복사
• 비동기 기초 를 배웠지만 머릿속에 담아내질 못했다..😂

📝 복습이 필요한 부분

• ⭐️JS 기초!! 무슨 일이 있어도 빠삭하게 공부할 것!!⭐️
• HTML/CSS 완벽 정리

💭 오늘 하루 되돌아보기

과제 제출을 서둘러 하느라, 과제를 날려버린 사건이 하나 있었다. 이것은 깃허브에 대한 이해도가 부족한 탓이 크다고 생각한다. git clone을 하고 난 뒤, git status로 무엇이 있는지 확인했을 때, 많은 파일들이 생성 되어있어서 그제서야 최상위 폴더에 있다는 것을 알아챘다. git clone한 저장소를 지웠지만 원본 폴더를 같이 삭제했다는 것을, 삭제하고 나서야 깨달았다..🥲 알고보니 그 많은 파일들은 다른 수강생 분이 main 브랜치에 잘못 올린 것이었고 그걸 내 컴퓨터 안에 있는 파일이라 착각하고 지웠던 것이다..

git clone을 하기 전에는 꼭 저장하길 원하는 폴더에 위치했는지 확인한 다음에 진행하도록 하자.. git clone을 하고 난 뒤에 git branch -b 브랜치이름을 입력하면 해당 브랜치의 이름을 저장 뒤에 곧바로 그 브랜치에 들어갈 수 있다. 그런 뒤에 git add 할 파일을 선택하고 git commit으로 메세지를 입력 후, git push origin 브랜치이름 을 해준다. (강사님께서 git push가 되지 않는 경우에는 git push origin 브랜치이름 뒤에 -force를 붙이면 강제적으로 push가 된다고 한다. 함부로 쓰지 말 것. 문제가 없는걸 확인했는데도 push가 되지 않는다면 그때 써도 되지 않을까 싶다.) github에 들어가서 pull request를 하면 끝.

나의 github blog

📝 복습이 필요한 부분

• 반복문 For
• 타이머 함수
• 콜백
• 리터럴
• 생성자 함수 (prototype)
• ⭐️JS 기초!! 무슨 일이 있어도 빠삭하게 공부할 것!!⭐️
• HTML/CSS 완벽 정리

💭 오늘 하루 되돌아보기

spotify 사이트를 클론 코딩하기로 했지만, 예상보다 속도가 더뎌서 이 지금이라도 무난하게 끝낼 수 있는 사이트를 찾아볼까 생각 중이다.

클론 코딩할 사이트를 찾아보다가, 개성 넘치는 사이트 하나를 발견했다. 다음에 spotify를 무난하게 완성할 수 있게 된다면 이 사이트도 클론 코딩해볼까한다. 자세히 살펴보지 않았지만, html의 구조가 간단해서 클론 코딩하고 난 뒤에도 비교하면서 살펴보기 좋을 것 같다. 반면 spotify는 코드가 상당히 복잡하게 되어있어서 얼핏 봤을 때 어떤 구조로 되어있는지 헷갈리기만 했다. 아직 경험이 부족한 탓인지 아닐까 생각한다.

나의 github blog

📝 복습이 필요한 부분

• 반복문 For
• 타이머 함수
• 콜백
• 리터럴
• 생성자 함수 (prototype)
• ⭐️JS 기초!! 무슨 일이 있어도 빠삭하게 공부할 것!!⭐️
• HTML/CSS 완벽 정리

💭 오늘 하루 되돌아보기

나의 github blog

🖋 이번에 배운 부분

• 콜백함수
• 타이머 함수

📝 복습이 필요한 부분

• 반복문 For
• 타이머 함수
• 콜백
• 리터럴
• 생성자 함수 (prototype)
• ⭐️JS 기초!! 무슨 일이 있어도 빠삭하게 공부할 것!!⭐️
• HTML/CSS 완벽 정리

💭 오늘 하루 되돌아보기

콜백함수랑 타이머함수는 개념 이해가 좀더 필요할 것 같다 리터럴이라는 것을 정확히 이해하지 않았다.

나의 github blog

🖋 이번에 배운 부분

어제 오늘로 객체 지향 프로그래밍(Object-Oriented Programming)이 무엇인지 몰라, 한참 해맸다. 열심히 구글링을 하면서 나에게 제일 와닿을 정도로 이해 가능한 사이트를 찾느라 더 늦어진 것이다. (이 돌머리를 앞으로도 어떻게 굴려야할지 걱정이 산더미다.) 몇가지의 사이트와 블로그에서 많은 도움을 얻고 여기에 기록한다.

자바스크립트는 프로토타입 기반 객체지향 프로그래밍 언어라고 불린다. 여기서 객체는 무엇일까?

< 객체 >

1. 의사나 행위가 미치는 대상
2. 문장 내에서 동사의 행위가 미치는 대상
3. 작용의 대상이 되는 쪽

-네이버 국어사전-

객체(Object)란 '이름(name)과 값(value)으로 구성된 프로퍼티(property)의 정렬되지 않은 집합이고, 만약 프로퍼티의 값으로 함수가 들어오면 메소드(method) 가 된다.

이를 토대로 객체를 지향한다고 했을 땐, 재사용성이 높고 관계성이 있는 기능(method)들을 한 객체에 모아서 필요에 따라 사용하는 프로그래밍이다.

프로그래밍 세계도 이러한 일반 세계의 객체와 같은 개념을 채용한 것이다. 그래서 객체 지향 언어는 이러한 객체를 표현할 수 있고, 세계의 구성요소인 객체를 ‘현재 상태(state)’와 ‘행동(behavior)’를 할 수 있는 객체인 것이다.

예를 들어, 고양이(동물 객체)는 다리가 네 개 있고(state), 털이 있으며(state), 야옹 울고(behavior), 높이 뛸 수 있는(behavoir) 객체인 것이다.

객체 지향에서는 상태를(state) 속성(property)이라 하며, 행동(behavoir)을 메소드(method)라고 한다.

즉, 모든 객체는 속성과 메소드로 구성된다.

이렇게 객체는 객체의 상태(state) 를 나타내는 데이터와 상태 데이터를 조작 할 수 있는 동작(behavior) 이있다.

상태 데이터 ⇒ 프로퍼티(property) 동작 ⇒ 메서드(method)

또한 객체는 다른 객체와의 관계성을 가질수 있다.

참고1 / 참고2 / 참고3

--

아직까지는 내용이 두루뭉술하게 이해돼고 머리속에서 완전히 정제되지 않아서, 좀더 읽어보고 찾아보도록 해야겠다.

📝 복습이 필요한 부분

• 반복문 For
• 호이스팅
• 타이머 함수
• 콜백
• 생성자 함수 (prototype)
• ⭐️JS 기초!! 무슨 일이 있어도 빠삭하게 공부할 것!!⭐️
• HTML/CSS 완벽 정리

💭 오늘 하루 되돌아보기

나의 github blog

🪡 복습한 부분

• 생성자 함수 (prototype)
• CSS At-Rules
• CSS 변수 !codepen[pearl-maris/embed/dyJgLKy?default-tab=html%2Cresult]

📝 복습이 필요한 부분

• 반복문 For
• 프로젝트를 다른 환경으로 복제(Clone)하는 방법
• 호이스팅
• 타이머 함수
• 콜백
• 생성자 함수 (prototype)
• ⭐️JS 기초!! 무슨 일이 있어도 빠삭하게 공부할 것!!⭐️
• HTML/CSS 완벽 정리

💭 오늘 하루 되돌아보기

생각보다 별 다른 공부를 못했다.. 좀더 열심히 빡세게 공부해야겠다!

나의 github blog

🖋 이번에 배운 부분

• JS 데이터 String
• JS number, Math()

🪡 복습한 부분

• JS 기초 강의
• 함수 복습
• 화살표 함수
• 생성자 함수(prototype)

📝 복습이 필요한 부분

• 반복문 For
• 프로젝트를 다른 환경으로 복제(Clone)하는 방법
• 호이스팅
• 타이머 함수
• 콜백
• 생성자 함수 (prototype)
• ⭐️JS 기초!! 무슨 일이 있어도 빠삭하게 공부할 것!!⭐️
• HTML/CSS 완벽 정리

💭 오늘 하루 되돌아보기

생성자 함수(prototype)는 나에게는 아직 이해하기 어려운 것 같아, 강의 말고도 다른 곳에서 조금씩 찾아보면서 공부해야겠다. 새로 배운 부분들은 노마드코더의 퀴즈를 풀면서 조금씩 알고 있는 부분이라 이해하기 어려웠던 부분은 아직은.. 없었다. 아마 좀더 찾아보고 모르는 부분, 왜이렇게 되는지에 대해 좀더 살펴 볼 필요가 있을 것 같다.

나의 github blog

🪡 복습한 부분

• starbucks 로그인 박스 !codepen[pearl-maris/embed/dyZRYBg?default-tab=html%2Cresult] ✅ 코드를 깔끔하게 썼나 ✅ 한눈에 알 수 있는 직관적인 이름인가 이 두 가지를 생각하면서 구성했지만 여전히 혼자서 판단하는 것은 조금 어려운 것 같다. (근데 왜 결과물이 잘려서 보이지..?)
• css filter
• css backdrop-filter
• css grid

📝 복습이 필요한 부분

• 반복문 For
• 프로젝트를 다른 환경으로 복제(Clone)하는 방법
• 호이스팅
• 타이머 함수
• 콜백
• 생성자 함수 (prototype)
• ⭐️JS 기초!! 무슨 일이 있어도 빠삭하게 공부할 것!!⭐️
• HTML/CSS 완벽 정리

💭 오늘 하루 되돌아보기

복습을 할 때는 일단 한번 가볍게 훑어보고 그 다음에 제대로 보는 것이 좋지만 직접 입력해서 어떤 기능을 하는지 알고 싶어진다. 손을 가만히 냅둬야하는데.. 내일도 아무것도 메모하지 않고 강의만 집중해서 볼 수 있도록 연습해봐야겠다.

나의 github blog

🪡 복습한 부분

• HTML/CSS 완벽 정리
• css animation
• css transform

📝 복습이 필요한 부분

• 반복문 For
• 프로젝트를 다른 환경으로 복제(Clone)하는 방법
• 호이스팅
• 타이머 함수
• 콜백
• 생성자 함수 (prototype)
• ⭐️JS 기초!! 무슨 일이 있어도 빠삭하게 공부할 것!!⭐️
• HTML/CSS 완벽 정리

💭 오늘 하루 되돌아보기

아무래도 오늘 예제를 어떻게 만들까 고민을 많이 했는데, 강의에서 예제를 어떻게 만드는지에 대해 알려주셔서 참고가 됐다. 예제를 만들다보면 공부도 되고, 나중에 도움이 되지 않을까 싶다. 공부 방법은 좀 많이 생각해봐야겠지만, 일단 예제를 어떻게 만들지 고민한 것은 해결되어서 조금 홀가분해졌다.

그리고 이번에 css animation을 복습하면서, 예전에는 animation이 자주 사용되지 않으니까 별다른 관심을 가지지 않았지만 독특한 사이트를 많이 찾아보니 한번 만들어볼까 싶은 생각을 가지게 되었다. 빨리 CSS 부분 총정리를 해서 JavaScript에 전념하고 싶다는 생각 뿐이다..

그런데 이거 문단 정렬하는 방법 없나..

나의 github blog

🪡 복습한 부분

• HTML/CSS 완벽 정리

📝 복습이 필요한 부분

• 반복문 For
• 프로젝트를 다른 환경으로 복제(Clone)하는 방법
• 호이스팅
• 타이머 함수
• 콜백
• 생성자 함수 (prototype)
• ⭐️JS 기초!! 무슨 일이 있어도 빠삭하게 공부할 것!!⭐️
• HTML/CSS 완벽 정리

💭 오늘 하루 되돌아보기

HTML/CSS를 이번 주말까지 완벽 정리하겠다고는 했지만 뜻대로 되지 않았다.. HTML과 CSS를 이용해서 간단한 예제 만들기를 해볼까 했지만, 고민하면서 만드는 것은 생각보다 오래 걸리는 일인 것 같다. 이번 주말은 JavaScript에 온전히 신경쓰지 않기로 했지만, 조금이라도 하지 않은 것이 역시 불안한 마음이 든다. 어떤 순서로 공부해야 뒤쳐지지 않을까 고민도 많았어서 주말동안 시간을 알차게 보내지 못한 것에 아쉬운 마음도 들었다.

이렇게 고민을 할 시간이 있으면 무작정 해봐야겠다는 생각도 반 그래도 어떻게 공부해갈지 고민해야겠다는 생각도 절반 들었다. 아마 이런 걱정들이 생긴 이유는 집 안에 콕 박혀있어서 이것말고 다른건 하지 않으니, 긍정적인 회로가 돌아가지 않는 것 같다. 다음에는 밖에 잠깐 나가서 머리를 식히고 오는게 좋을 것 같다는 생각이 들었다.

아니면 서두르지 않고 천천히 해나가자! 를 머리에 써두던가 노트북에 써두던가 해야겠다.. 😇

나의 github blog

🪡 복습한 부분

• HTML/CSS 완벽 정리

📝 복습이 필요한 부분

• 반복문 For
• 프로젝트를 다른 환경으로 복제(Clone)하는 방법
• 호이스팅
• 타이머 함수
• 콜백
• 생성자 함수 (prototype)
• ⭐️JS 기초!! 무슨 일이 있어도 빠삭하게 공부할 것!!⭐️

💭 오늘 하루 되돌아보기

나의 github blog

🖋 이번에 배운 부분

• 생성자 함수 (prototype)
• this
• ES6 Classes
• 상속 (확장)

🪡 복습한 부분

• 호이스팅

📝 복습이 필요한 부분

• 반복문 For
• 프로젝트를 다른 환경으로 복제(Clone)하는 방법
• 호이스팅
• 타이머 함수
• 콜백
• 생성자 함수 (prototype)
• ⭐️JS 기초!! 무슨 일이 있어도 빠삭하게 공부할 것!!⭐️
• HTML/CSS 완벽 정리!!

💭 오늘 하루 되돌아보기

그래도 이해 못한건 짚고 넘어가자! 하는 마음으로 호이스팅 현상에 대해서 좀더 공부해보았다. 결과를 먼저 말하자면 지옥 그자체였다.. 내가 이렇게 모르는 부분이 이렇게 많았다니! 하고 놀라서 필수로 알고 있어야하는 개념을 알기 위해 따라 올라갔더니 JS 기초였다. 그것도 함수 선언문과 함수 표현식의 차이점을 아직도 모르고 있었던 것이다.. 나의 공부방법이 너무나도 허술했던 점을.. 다시 한번더 깨닫고 (맨날 깨닫고 있으면 이제 내 공부 방법 자체에 문제가 아닐까 싶다...) 개념을 다시 바로 잡기 위해 처음부터 다시 작은 개념부터 파고들어야겠다는 생각이 들었다.

그 사실을 알고 너무나도 절망적이었지만!! 아직 진도에서는 HTML/CSS 기초를 배우고 있으니 주말동안에 HTML/CSS 완벽 정리하고 난 뒤에 해도 늦지 않았다고 자기합리화를 하기로 했다..🙃 ㅎㅎ

레이아웃 클론 코딩 연습하는 것은, 내가 원하는 것이 무엇인지 감을 잡았으니 이제 이게 나에게 어려운지, 쉬운지를 판단해야겠다. 주말동안은 절대 늦잠자지 말야겠다는 생각이 들었다. 울어도 잘되는 것은 없다! 파이팅하자!

결론: 무슨 일이든 기초부터!!!

나의 github blog

🖋 이번에 배운 부분

html에서 class의 이름을 지을 때, camelCase는 쓰지 않도록 조심할 것.

🪡 복습한 부분

• flex / grid

📝 복습이 필요한 부분

• 반복문 For
• JS 기초
• 프로젝트를 다른 환경으로 복제(Clone)하는 방법

💭 오늘 하루 되돌아보기

이번 강의에서 flex에 대해 조금 살펴보는 좋은 계기가 되었다. 이론만 알고 있지만 자세히는 파고든 적이 없어서 더욱 그랬다. 강사님께서 꼼꼼하게 되짚어주신 덕분에 새롭게 알게되는 부분이 조금씩 생겨나고 있어서 공부 겸 반성의 시간이 가진 느낌이다.🤣

그리고 다음주에 있는 과제를 준비하려고 이 사이트 저 사이트 둘러보았는데, 생각보다 해보고 싶은 것이 많아서 조금씩 추려보아야겠다. 너무 쉽지는 않은데 너무 어렵지는 않은 그런 사이트.. 내 기준에 맞는 사이트. 찾기 힘들겠다는 생각이 들었다.

나의 github blog

🖋 이번에 배운 부분

• 코어 자바스크립트 (챕터 1부분)
• 호이스팅
• 타이머 함수
• 콜백
• 생성자 함수(prototype)

🪡 복습한 부분

• CSS Flex

📝 복습이 필요한 부분

• 이번에 배운 부분들

오늘 하루 되돌아보기

이번에 스터디를 하면서 팀원들과 각자 javaScript를 활용해서 캘린더 같은 작은걸 일주일에 한번 만들어보자는 말이 나온 이후로.. 발등에 불이 떨어졌다! 알고 있는 HTML과 CSS는 후딱 끝내고 JavaScript를 훑어보고 있는데 예전에 이해 못했던거 이번에도 이해 못한걸 보면 역시 복습은 중요하구나 싶다.. 호이스팅이라던지 콜백함수 부분을 아직 이해를 못했지만 진도를 좀더 나간 뒤에 복습 해야겠다.

그리고 앞으로도 팀원들을 본받아서 좀더 열심히 공부해나가야겠다는 생각이 들었다!

나의 github blog

🖋 이번에 배운 부분

• margin 중첩 현상

<div class="parent">
    <div class="child"></div>
  </div>

❗️ margin 중첩은 좌우에서는 발생하지 않는다.

1. 부모와 자식요소에서 발생하는 margin 중첩 상황(부모와 자식 사이에서 생겨나는 것)
   1. 부모의 margin-top과 자식의 margin-top이 만났을 때.
   2. 부모의 margin-buttom과 자식의 margin-buttom을 만났을 때.
2. 이전 형제와 다음 형제 요소가 만났을 때 발생하는 margin 중첩 상황
   1. 이전 형제의 margin-buttom과 다음 형제의 margin-top이 만났을 때.

📌 참고 사이트

• margin 중첩에 관한 설명

오늘 하루 되돌아보기

이번에 빠르게 영상을 돌려보고 자바스크립트를 공부할 생각이었지만, 오늘 생각보다 체력이 따라주질 않아서 공부를 못했다. 이를 위해 매일 운동과 수면 사이클을 일정하게 유지해야겠다는 생각이 들었다. 머리로는 알고 있는데 좀처럼 따라주지 않지만 조금씩이라도 노력하다보면 가능하지 않을까.. 생각한다.

예전에 웹 퍼블리싱 수업도 들은 적이 있지만 margin 중첩 현상에 대해 배운 적이 없었다. 혼자 공부했을 때도 이것이 왜 일어나는지에 대해 묻지 않고 당연히 중첩되는 것만 알고 있었다. 공부는 무조건 이게 왜 가능한가? 에 대한 물음이 끝없이 이어져야하는 것을 느꼈다. 얼핏 알기만 하면 내 것이 되지 않았다는 의미로도 생각할 수 있을 것 같다.

HTML과 CSS에 관한 포스팅은 일단 노션에는 메모하고 있으니 시간이 되면, 복습을 겸해서 포스팅을 해야겠다.

HTML : (Hyper Text Markup Language) : 웹을 이루는 가장 기초적인 구성 요소로, 웹 콘텐츠의 의미와 구조를 정의할 때 사용한다. HTML은 프로그래밍 언어가 아니다. 컨텐츠의 구조를 정의하는 마크업 언어이다.

<h1> 안녕하세요 </h1>

1. 여는 태그(opening tag) : 요소의 이름으로 구성하고, 여닫는 꺾쇠 괄호로 감싼다. 여기에서는 <h1>을 말한다.
2. 닫는 태그(closing tag) : 요소의 이름 앞에 /(슬래시)가 포함된다. 이것은 요소의 끝을 나타낸다. </h1>을 뜻한다.
3. 컨텐츠(content) : 요소의 내용(content). 예제에서는 "안녕하세요"에 해당한다.
4. 요소(element): 여는태그와 닫는태그, 그리고 컨텐츠를 가리킨다. 예제에서는 <h1>안녕하세요</h1>

덧붙여, 요소는 속성을 가질 수 있다.

<p class="creat"> 이것은 예제입니다 </p>

위와 같이 class="creat"에 해당하는 부분이 속성(Attribute)이다.나중에 class 속성을 특정해서 스타일이나 다른 정보를 설정할 때 사용할 수 있는 식별자를 지정할 수 있다.

<속성을 쓸 때 유의해야할 점>

1. 요소 이름 (또는 요소가 하나 이상 속성을 이미 가지고 있다면 이전 속성)과 속성 사이에 공백이 있어야 한다.

2. 속성 이름 뒤에는 등호(=)가 와야한다.3. 속성 값의 앞 뒤에 열고 닫는 인용부호(""또는'')가 와야한다. 또한 요소를 다른 요소 안에 넣을 수 있는데, 그것을 요소 중첩(nesting)이라고 부른다.

<p> It <strong>is</strong> working. </p>

빈 요소(Empty elements)

자식 노드를 가질 수 없는 요소.

<HTML의 빈 요소 목록>

<area><base><br><col>
<embed><hr><img><input>
<keygen><link><meta><param>
<source><track><wbr>

CSS 란?

CSS : (Cascading Style Sheets) 웹 페이지를 꾸밀 때 작성하는 코드이다. HTML과 같이 CSS는 프로그래밍 언어가 아니다. 마크업(Markup)언어도 아닌 Style Sheet 언어다.

p {color : red;}

전체 구조는 rule set이라고 부른다. (줄여서 "rule")

• 선택자(selector) : rule set의 맨 앞에 있는 HTML 요소 이름. 예시에서는 p 에 해당한다.선언(declaration) : color : red와 같은 단일 규칙. 꾸미기 원하는 요소의 속성을 명시한다.
• 속성(property) : 주어진 HTML 요소를 꾸밀 수 있는 방법. 예시에서 color에 해당한다.속성 값(property value) : 속성의 오른쪽에 위치한 red가 color의 속성 값 중 하나다.

1. rule set(셀렉터로 구분)은 반드시 { 중괄호 } 로 감싸야한다.
2. 각 선언 안에서, 각 속성을 해당 값과 구분하기 위해 콜론 :을 사용해야한다.
3. 각 rule set 안에, 각 선언을 그 다음 선언으로 구분하기 위해 세미콜론 ; 을 사용해야한다.

예시는 다음과 같다.

p {
    color : red;
    width : 500px;
    heigth : 200px;
    border : 1px solid black;
}

요소의 여러 타입을 선택하고 하나의 rule set을 적용할 수도 있다. 여러 요소를 선택하려면 콤마로 구분해야한다.

p,h1,li {color: blue;}

나의 github blog

🪡 복습한 부분

• 산술 연산자
• 할당 연산자
• HTML/CSS 정리

오늘 하루 되돌아보기

이번에 HTML/CSS 기초 강의를 돌려보았다. 이미 알고 있는 내용임에도 불구하고 내 기억을 과신하지 않으려고 보았다. 이미 알고 있으면 다른 공부해도 되잖아? 라고 생각할 수도 있고 시간이 아깝다고도 생각했지만 역시 돌려보는 것을 택했다. 예전에 메모했던 것을 보면서 예전에 알고 있는거랑 지금 알고 있는거랑 몰랐던게 있는지 확인해가면서 보았다.

그래도 역시.. 시간은 좀 아까웠긴 했어서💦 이번 강의는 빨리 감기가 있어서 조금 남은 시간에 JavaScritp 기초 부분을 다시 복습했다.

내일은 레이아웃 클론 코딩 연습을 뭘로 할지 고민을 좀 해야할 것 같다.

나의 github blog

🖋 이번에 배운 부분

• 이번에 $ git commit 하다 생긴 오류를 해결해보았다.

  git add , git commit 하면서 오류났던 부분이 있었다. 특히 commit 하고 난 뒤에 기본 모드로 들어가기 위해 ESC를 누르고 :wq 까지 입력하다가 나중에 뭘 잘못 입력했는지, commit이 저장되지 않고 오류가 나서 다시한번 commit을 했더니 이전 오류 commit이 났다는 얘기가 떴다.

  (정확한 상황을 copy하지 못해서 못내 아쉽다.) 디렉토리 안의 .commit_editmsg.swp을 수정하거나 삭제해도 된다는 안내가 떴다. 그래서 삭제해도 되는지에 대해 검색했는데, 동작과정 주에서 충돌이 발생해서 그런 것이니, 따로 편집중이 아니라면 .swp 파일을 삭제하면 해결된다는 말이 있어서 그대로 했다. 그때보았던사이트

  문제가 생긴 파일에 가서 ls -a 를 한 다음, .swp 파일을 찾아서 .commit_editmsg.swp 파일을 삭제했다. 이후에는 git commit을 했을 때 정상적으로 잘 작동하고 git push까지 했을때 아무 문제 없이 동작했다.

🪡 복습한 부분

• JavaScript 기초

📔 공부할 것

• 프로젝트를 다른 환경으로 복제(Clone)하는 방법 (이번에 하는걸 깜빡 잊어버렸다..)

오늘 하루 되돌아보기

이번에 $ git add, $ git commit, $ git push를 잊어버리기 전에 연습하기 위해 공부했던 것을 하나씩 commit했다. 다음에는 브랜치를 생성해서 공부 일지를 merge하는 방법으로 해보려고 한다.

$ git commit 하면서 생긴 오류로 당황해서 시간을 많이 잡아먹었지만 구글링을 열심히 해서 해결했던 점을 생각하면 뿌듯하다. 구글링을 못했던 내가 위기에 모면하기 위해 열심히 구글링을 한다는 것도 알게 되었다. 심지어 도움 요청하기 위해 질문방에 물어볼까 한참 고민 했었다. 구글링을 못하는 내가 혼자 2시간 안에 해결한걸 생각하면.. 스스로가 장하다고 생각한다.. 사람 일이란 모르는 것이구나..

한가지 문제는 .DS_STORE라는 파일이 $ git status할 때마다 나타나는데, 이걸 삭제해도 된다 안해도 된다 라는 말이 있어서 헷갈린다. 좀더 찾아보거나 내일 slack에 물어볼까 한다.

나의 github blog

🪡 복습한 부분

• 프로젝트 복제(Clone)하는 방법
• 화살표 함수
• 반복문 For

프로젝트 복제(Clone)하는 방법은 나중에 한번더 정리하고 올리도록 하겠다.

📝 복습이 필요한 부분

• 반복문 For
• JS 기초

오늘 하루 되돌아보기

다른 컴퓨터 환경에서 복제하는 방법을 다시 공부했다. 이전에 github로 버전 관리하는 방법을 공부했던 것을 까맣게 잊은 것을 보면 프로젝트 복제하는 방법도 당연히 잊었을거라 생각하고, 이전의 공부 메모를 훑어보았다. 예상을 빗나가지 않았다. 완전히 잊어버려서 새롭게 배우는 느낌이 들었다. 이래서 공부는 1일차 공부를 2일차에 한번 훑어보고 주말마다 되돌아보아야하는 것이구나, 하고 다시한번 깨닫게 되었다. 완전히 알고 있는 부분은 그래도 한번은 훑어보는 습관, 잊지 말아야겠다.😂