\(@^0^@)/

이틀 연속 일찍 일어났다~ 이제 주말만 잘 버티면은 매일 일찍 일어날 수 있을 것 같은 기분! 하지만 아직 오전에 책 읽는 습관을 들이기에는 시간이 조금 더 필요할 것 같다~ - css 속성 학습 pseudo-class selector (가상 클래스 선택자) first-child, first-of-type의 차이점 첫 번째 자식 요소 Toy Story에 movie라는 class명을 주면 스타일이 제대로 잘 적용된다. 그러나 만약 Toy Story의 class명을 지운다면, Zootopia가 first-child로 읽혀서 underline이 적용될 거라고 생각할 수 있는데, 그렇지 않다!! Toy Story가 무조건 첫 번째 자식 요소이기 때문에 css가 아예 먹히지 않는 것을 볼 수 있다. last-ch..

오전에 공부 안 하는 게 습관 돼서 이제 8시 반에 일어나도 공부 안 하고 그냥 폰 한다...^^ 책을 펴놓고 2장 보고 폰만 하면서.... 그렇게 오전을 보냈다..... 정신 안 차리네~ 그래도 오늘 최근 중에 제일 일찍 일어난 날이다~ 낼은 오전에 15장 이상 볼 수 있도록! - css 속성 학습 a태그 안의 attr에 스타일 적용하는 방법 빈번하게 사용하는지는 아직 잘 모르겠지만, 꼭 기억해뒀다가 나중에 필요할 때 어렵게 하지 말고 쉽게 적용해보자! - html/css 프로젝트 강의 - nodebird 강의 (React, Next.js) code splitting : 예를 들면 브라우저에서 detail page에 대한 데이터만을 받고 싶지만, CSR 특성상 브라우저에 데이터를 넘겨줄 때 html, ..

예를 들어 input을 모두 button으로 바꾸어야 한다거나, 변수 또는 상수명을 오타 내서 한꺼번에 바꾸어야 할 경우에 사용할 수 있는 꿀팁을 알아보자! 1. 왼쪽 사이드의 돋보기 모양을 클릭하여, 바꾸고 싶은 글자를 검색한다. 2. 돋보기와 입력한 글자 사이에 있는 화살표 버튼을 선택하면 아래 이미지처럼 밑에 input 창이 하나 더 나오는데 3. 아래의 input창에 수정하고 싶은 단어를 적은 후, 초록색 박스의 아이콘을 누르면 적용 완료!

오늘 읽은 범위 : (프로토타입) p.146 ~ p.159 프로토타입 JS는 프로토타입 기반의 언어이다. 클래스 기반 언어에서는 '상속'을 사용하지만, 프로토타입 기반 언어에서는 어떤 객체를 원형(prototype)으로 삼고, 이를 복제(참조)함으로써 상속과 비슷한 효과를 얻는다. 유명한 프로그래밍 언어의 상당수가 클래스 기반인 것에 비교하면 프로토타입은 꽤나 독특한 개념이라 할 수 있음. - 프토토타입의 개념 이해 - Constructor, prototype, instance 위의 그림은 아래의 코드를 도식화한 것이다. var instance = new Constructor(); 어떤 생성자 함수(Constructor)를 new 연산자와 함께 호출하면 Construct..

일찍 일어났다가 다시 잤다 으악!! 그렇게 일어나서 밥 먹고 오면 항상 오전에는 아무것도 못하게 되어버리는 상황.. 밥 먹으면서 티비 봐서 그래 계획적인 삶.. J의 삶으로 거듭나고 싶지만 너무 어렵다.. 그래도 꾸준히 조금씩 변화하고 있긴 하다! 파이팅 - html 전역 속성 요소 학습 data html에서 추가 정보를 저장할 때 data 속성을 사용할 수 있고, ... JS에서 이러한 속성 값을 읽을 수 있고, 변경할 수도 있음. const article = document.querySelector('#electric-cars'); // The following would also work: // const article = document.getElementById("electric-cars") a..

오늘은 일찍 일어나서 아침으로 샐러드도 먹고 나름 일찍 왔다..! 그래도 아직 계획보단 한참 늦은 게 함정 근데 계획했던 9시부터 스카와서 공부하는 건 너무너무 힘든데ㅠㅠㅠ 아직 한 번도 못 지켰다^^ 오전 시간은 집에서 하는 게 더 나을 거 같단 생각이 들어, 내일은 차라리 점심 먹기 전까지 집에서 해보는 걸로!!! TDL로 카테고리 적용해서 글을 써왔는데, 생각해보니까 지금 내가 적는 글들이 거의 TIL이 되어가고 있어서 TIL로 바꿔야 하나 고민 중....^^ - nodebird 강의 갑작스레 계획표를 또 수정하고 배 안 고파서 nodebird 강의를 조금 들어보려 했는데, 초기 세팅하고 git 설정을 이상하게 해서 세팅하는 데에 생각보다 시간을 오래 잡아먹었다 역시 딴짓이랑 삽질하는 데에 시간이 ..

오늘 아침에는 병원 갔다 왔고, 집에서 점심, 저녁 요리해서 스카에 저녁 도시락 싸왔딩~ 도시락 싸오는 건 돈 아끼고 참 좋은데, 요리를 해야 하고 또 치우는데 시간이 걸리니까 그만큼 스카에 늦게 오게 된다.... 시간 관리하는 게 참 어렵다 어떻게 해야 조금 더 효율적으로 쓸 수 있을지 고민해봐야겠다 14:00 ~ 16:00 html 요소들 강의 오늘은 form 요소들(input, button, select 등)에 대해 공부했는데, 내가 몰랐던 input의 type들이 많다. 초반에 mdn을 읽어보지도 않고 그냥 아는 것만 무작정 사용했어서 이번 기회에 여러 요소들 적용해보면서 과거 프로젝트할 때 힘들게 적용했던 것들을, 알고 보면 input에 type만 변환해주어서 사용할 수도 있었겠구나 라는 생각을..

오늘 읽은 범위 : (클로저) p.125 ~ p.145 클로저 콜백 함수 내부에서 외부 데이터를 사용하고자 할 때 // 콜백 함수와 클로저 var fruits = ['apple', 'banana', 'peach']; var $ul = document.createElement('ul'); fruits.forEach(function (fruit) { // A 함수 var $li = document.createElement('li'); $li.innerText = fruit; $li.addEventListener('click', function() { // B 함수 alert('your choice is ' + fruit); }); $ul.appendChild($li); })..

(아침공부는 너무 힘들다ㅠㅠ 그래도 어제보다 1시간 빨리 도착...!) 13:50 - 15:00 html 임베디드 요소 강의 (원래 계획했던 시간은 30분 정도인데, 생각해보니 강의를 다 듣는 거에만 30분 소요되고 거기에 내가 실습을 하면 시간이 더 걸리더라! 실습하는 시간을 간과했다. 점심 먹고 오후 스터디부터 3시까지로 조금 더 여유 있게 시간을 잡으면 될 거 같다~!) 너무 느낀 점? 만 적는 것 같아서 배운 것 중에 새로 알게 된 것들을 간단히 적어보고, 길어진다 싶으면 따로 포스팅해보자. css를 제외하고 html의 img tag 만으로도 responsive 효과를 줄 수 있다는 것을 처음 알았다. srcset 속성을 사용하여 이미지의 viewport마다 다른 이미지들을 다운로드할 수 있도록 ..

to-do-list를 내 맘대로 바꿔보았다.. 무엇을 할지 정하는 것도 좋지만, 나는 계획만 거창하게 하고 늘 지키지 않거나 공부하다 보면 항상 늘어져서 결국 계획의 반도 못하고 하루를 마감하는 경우가 빈번하기 때문에 차라리 내가 오늘 무엇을 했는지를 적고, 뭘 배웠는지 회고하는 시간을 갖는다면 너무너무 아무것도 안하고 있다는 것을 깨닫고^^ 조금 더 충격 먹어서 열심히 할 수 있지 않을까 하는 마음으로 오늘부터 today-done-list를 적어보기로 결정했다! 시간이 지날수록 더 많은 시간에 집중하고, 효율적으로 공부를 했으면 하는 마음이다. 아자아자! (늦잠 자서 아침공부를 하지 못함, 점심 먹고 스카 도착) 14:00 - 17:40 : 프로젝트로 배우는 html/css 강의 (초반에는 집중 잘 됐..