Javascript.. 정말 너무 어렵다.. 엘리님 강의 듣다가 너무 어려워서 어떻게 공부해야 할지 또 찾아봤다. 이걸로 참 시간을 많이 보냈다. 누군가가 "이렇게 공부해!"라고 말해도 또 그게 정말 효율적인지 찾아보는 타입이라 하나를 못정하고 이해가 안 되면 또 공부방법이 잘못된 건 아닌지 찾아봤던 것 같다. 그리고 다시 생활코딩강의를 들었다. 진작에 이걸 먼저 들었으면 좋았겠지만, 엘리님 이전 강의들도 좋았어서 이번에도 나랑 잘 맞을 줄 알았다. 다 들은 지금은 Javascript는 생활코딩 강의가 훨씬 접근하기 쉬웠다는 생각이 든다. 또 마침 부스트캠프에사 제공하는 강의가 내가 보고 있는 생활코딩 강의이기도 했다. (https://www.boostcourse.org/cs124/notices/5397..
문제 상황 오늘도 오류를 하나 겪었다. Git에 Push는 성공했으니 이제 하고 싶은 게 더 생겨버렸다. 어제 글에 썼던 것 같은데 폴더를 여러 개를 관리해서 상위 폴더 경로로 올리고 싶었다. 우선, 이게 가능한 지부터 알아봤어야 했는데 찾아보니까 가능한 것 같아서 시도해봤다. '폴더를 넣고 싶으면 상위 폴더 경로로 넣어라' 라고 해서 우선 넣고 싶은 폴더를 정리했다. 그래서 Git-HTML_CSS폴더로 경로를 지정해 push를 시도했다. 그런데 디렉터리에 이런 폴더에 화살표가 생기면서 폴더가 클릭이 안됐다. 터미널을 다시 보고 애초에 커밋이 되지 않았던 걸 확인했다. 이해가 되지 않았다. 설마 내가 폴더를 너무 많이 만들었나? 상위와 하위 폴더 하나씩만 되는 건가? 하는 의문이 들어서 구글링을 '깃허브..
오늘도 Ellie님 강의를 보며 만들었다. 아예 처음부터 시도해보기는 어려워서 영상을 한 번보고난 후 코드를 쳤다. 한 두 번정도 쳤더니 술술쳐지는 수준이었다. 하지만 오늘은 두 가지의 issue가 있어서 해결하는데 또 시간이 걸렸다. 1. css에서 class가 아닌 태그를 .으로 명명했다. body 와 a 태그에서 전체적으로 수정할 것이 있어서 명령을 했는데 반영이 안되었다. 한참 뭐가 잘못 됬는지 보면서도 못찾다가..한 30분정도 후에 찾아냈다. .body { } .a { } 이런식으로 쳤다. 이 것도 처음에는 이상한줄도 모르고있다가 보다보니까 '어? body와 anchor tag는 class 가 아닌데..?'라는 생각이 들고 깨닫게 되었다. 2. JS에서 event 오류 사실 JS는 아직 배우지도..
어제 있었던 이슈를 다시 회고해보자.. 어제 마주쳤던 문구 remote: Support for password authentication was removed on August 13, 2021. Please use a personal access token instead.' 그리고 Github에서는 어제 문구와 같이 더 이상 패스워드로 작업할 수 없다. 따라서 Token-based authentication 토큰으로 권한을 받아야하는데.. Github에서는 이 외에도 3가지의 인증방식이 더 있다. 1. Token-Based Authentication 2. SSH Key 3. Personal Access Key 4. OAuth 이 중에서 나는 SSH 키로 인증을 했던 것.. 하지만 1번이나 3번으로도 많이..
서론 : Git 과의 만남 호주에서 디자이너로 근무하던 시절,, 프론트엔드쪽으로 가볼까 하며 한 3일정도? 공부하다가 일이 너무 바빠져서 못했던 때에.. 그 때 Git 이라는 것을 알게 되고, 하루 종일 걸려가며 계정을 만들고 유투브를 봐도 이해가 어려워 거의 관련 영상은 다 보고 push에 성공했던 적이 있다. 그 이후로 건들지도 않다가 오늘 강의를 보며 만든 파일들을 계속올리면서 연습하는게 좋을 것 같아서 구글링과 유투브를 통해 찾고 시도를 했다. 본론 : Git과의 사투 간단한 것을 만들려고 설치를 하려는데, 이게 웬걸 'homebrew'를 먼저 설치하라고 뜬다. 저번에는 window용 설치 프로그램을 깐 루틴으로 했는데 맥북이라 그런건가? 우선 깔았다. 터미널을 써서 설치하는 것은 쉬었으나, 익숙..
(220104_화) 유투버 엘리님이 알려주신 사이트를 참고해 공부했는데 확실히 게임을 하면서 하니 이해도 잘되고 재밌었다. 이제 막 공부하시는 분들께 강력 추천한다. https://flexboxfroggy.com/#en Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com 총 24문제인데 헷갈리거나 모르는 경우에는 https://css-tricks.com/snippets/css/a-guide-to-flexbox/ 이곳에서 참고하며 풀어보는 게 좋을 것 같다. 나의 경우에는 24번 빼고는 다 풀었는데 24번에서 놓쳤던 부분은 아래와 같다. 조금 고민하다가 답을 참고하였다. 재밌기는 하지만 나는 배울게 너무 많기 때문에 이런 것에 괜한 오기를 가..
1. inline, inline-block, block inline (물건): 컨텐츠 자체만 꾸며주는 것. css에 영향받지 않음, inline-block (한 줄에 여러개가 진열 될 수 있는 상자) : 한 줄에 다 넣는데 안에 컨텐츠에 상관없이 지정한 css크기에 맞춰서 배열된다. block(한 줄 당 하나씩 들어가는 상자) 1 2 3 div, span { width: 80px; height: 80px; margin: 20px; } /* inline (물건): 컨텐츠 자체만 꾸며주는 것. css에 영향받지 않음, inline-block (한 줄에 여러개가 진열 될 수 있는 상자) : 한 줄에 다 넣는데 안에 컨텐츠에 상관없이 지정한 css크기에 맞춰서 배열된다. block(한 줄 당 하나씩 들어가는 상..
Selector practice : https://flukeout.github.io 엘리님이 강의에서 소개해주신 실렉터 연습 게임이다. 총 32문제인데 저번에 한 번 해봤을 때는 감이 잘 안 왔는데, 한 번 더 해보니까 이해는 어느 정도 확실히 된 것 같다. 이해하기 General sibling combinator (A ~ B) Adjacent sibling combinator (A + B) 셀렉터 게임을 하던 중, 둘 차이가 잘 구분이 가지 않아 더 찾아봤다. 나는 General 은 A 밑의 모든 B, Adjacent는 A 다음에 오는 B라고 해석했다. 관련 링크 : https://developer.mozilla.org/en-US/docs/Web/CSS/General_sibling_combinator ..
- Total
- Today
- Yesterday
- python
- 네트워크
- 백준
- github
- 자바스크립트
- React
- 모두를 위한 컴퓨터 과학
- 무한스크롤
- 파이썬알고리즘
- css
- 항해99
- 클로저
- html
- reactquery
- network
- 타입스크립트
- 프로그래머스
- 자바스크립트알고리즘
- 모두를위한컴퓨터과학
- javascript
- 리액트
- 프로그래머스 자바스크립트
- 자바스크립트 비동기 처리
- 프로그래머스 베스트앨범 자바스크립트
- 리액트네이티브
- cs50
- GIT
- 실전프로젝트
- 알고리즘자바스크립트
- 자바스크립트 클로저
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |