-
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 프론트엔드(리액트/react) 15일차 - html, css, js 복습스나이퍼 팩토리 2023. 6. 24. 21:46
3주차 첫날이다. 어느 덧 3주차가 시작했다.
점점 따로 챙겨서 공부해야 될 양이 많아진다.
대체적으로 강의시간때는 큰 틀을 잡아주고 그 흐름을 따라가면서 실습해본다.
그 후에 실습과정을 내 것으로 만드는 과정은 온전하게 스스로의 몫이다.
10주라는 짧은 기간안에 많은 것을 얻기위해서는 해야 할 일을 해야한다. 꾸준하게.
(이것도 임시저장 해둔거 뒤늦게 포스팅.)
HTML5 개념정리
수업시간 중 헷갈리거나 중요하다 생각하는 개념을 다시한번 정리하며 공부한다.
오전 수업시간은 전반적으로 저번주에 나갔던 HTML5, CSS, JavaScript 총 복습시간이었다.
HTML, JS, CSS 작동순서
가장 기본이되는 동작 작동 순서이다.
이 순서를 이해하고 프로세스를 이해하고 깊이있게 적용하기 시작하면 좀 더 빠르고 안정적인 코드가 나올 것이다.
이런 cs적 요소들은 당장은 티가 나지 않지만 시간이 갈수록 좋은코드를 생산하는 개발자와 그렇지 못한 개발자를 구분짓는 명확한 선이 될 것이다. 하지만 우선적으로 코드공부를 시작할 때 무언가를 만들고 생산할 수 있는 그 자체의 능력이 가장 첫번째라고 생각한다. 훗날 좋은 개발자가 되기 위해서는 cs공부는 분명 필요한 부분이지만 당장 눈앞에 있는 문제를 해결할 능력이 없다면 그 또한 개발자 실격이다.
* 우선 내 손으로 무언가를 만들어보면서 성취감을 느끼고 좀 더 좋은 코드의 대한 갈망이 있을 때 차근차근 공부하며 나아가는 게 베스트다.
절대 지금 작동순서에 대한 깊은 고찰과 이해를 하여 포스팅하기가 귀찮아서 그런게 아니다.....
javascript this
this란 무엇인가....이거진짜 뭐 그냥 대충 써보면서 이런 늬앙스? 라고 생각하면서 정확하게 뭔지 모르면서 썼다.
한번 디테일하게 후벼 파본다.
1.단독으로 쓴 this
아묻따 this를 호출하는 경우에는 global object를 가리킨다.
브라우저에서 호출하는 경우는 [object Window]가 된다.
2. 함수 안에서 쓴 this
함수 안에서의 this는 함수의 주인에게 바인딩된다.
그렇다면 함수의 주인은 누구인가? 물론 window 객체다.
this도 추가작성 필요...................
BOM과 DOM의 차이점
중요체크. 좀더 검색해보자.
html에서 <script>의 위치는 어디에 가는게 좋을까?
우선 이게 선행되어야할 것 같기 때문에 작성한다.
<양이 생각보다 많아서 추후 추가하거나 분리해서 작성해야함을 느낌..>
git push 이슈
오늘 갑자기 잘 되던 git push가 안된다.
add 와 commit은 문제없이 되는데 push만 하면 무한 로딩을 뱉는다.
vscode에서 오류가 났나 싶어 껐다켜서 다시 시도.
실패.
터미널로 push 시도.
역시 실패.
git 원격 저장소 확인 명령어
git remote -v origin https://github.com/chasura416/html.git (fetch) origin https://github.com/chasura416/html.git (push)
위 명령어를 실행하면 정상적으로 연결되어 있을 시 아래와 같이 확인이 가능하다.
하지만 push가 안되니까 재연결을 해줬다.
해당원격 저장소와 연결을 제거하기 위해서는 git remote remove <name> 옵션을 사용하면 간단하게 연결을 끊을 수 있다.
git remote remove origin
이후 다시 git remote -v로 확인하면 연결된 원격 저장소가 뜨지않는다.
재연결은 git remote add <name> <url> 옵션을 사용한다.
git remote add origin https://github.com/chasura416/html.git
원격 저장소를 재 연결 후 기적처럼 다시 밀렸던 로컬 커밋까지 묵은 변비가 뚫긴 것마냥 시원하게 push가 된다.
결국 직접적인 원인은 모르겠으나 경로에 한글이 있으면 문제가 될 수도 있다고 하여 전부 rename 하였다.
전혀 문제 없이 잘올라갔다고 그냥쓰다가 나중에 피보기싫거든 한글 경로는 지양하도록 하자.
나도 쓸데없이 git push 땜에 2시간이나 쓸 줄은 몰랐으니까....
본 후기는 유데미-스나이퍼팩토리 10주 완성 프로젝트캠프 학습 일지 후기로 작성 되었습니다.
'스나이퍼 팩토리' 카테고리의 다른 글
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 프론트엔드(리액트/react) 19일차 - 과제 제출 (0) 2023.06.25 [유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 프론트엔드(리액트/react) 6일차 - Git&Github 강의 후기 (0) 2023.06.24 [유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 프론트엔드(리액트/react) 8일차 (0) 2023.06.21 [유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 프론트엔드(리액트/react) 16일차 - 과제 제출 (0) 2023.06.20 [유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 프론트엔드(리액트/react) 9일차 - 과제 제출 (0) 2023.06.13