\(@^0^@)/

이제 내일이면 스쿨 개강하니깐 오늘부턴 정신 차려서 해보즈아 맨날 정신 차리자는 말만 하는 건 내 착각이겠지...?😓 할 수 있다❗❗❗❗ - css 속성 학습 상속 제어하기 - initial, inherit, unset initial 가끔 개발자 도구에서 이러한 값들을 봤었는데 뭔지 몰라도 찾아보려 하지 않은 과거의 나... 각 스타일 속성에 initial을 적용할 경우, 상속이 제어된다. 모든 스타일들을 상속받고 싶지 않다면 맨 오른쪽의 스타일 코드처럼 all을 사용하면 편함. inherit inherit은 initial과 반대로 상속 요소의 스타일 값을 최우선으로 적용해주는 속성이다. 따라서 맨 오른쪽의 개발자 도구 이미지를 보면 .parent2에만 해당 값을 추가해주었을 경우에 1. .parent2..

- css 속성 학습 가상 클래스 선택자 active active는 마우스를 누르는 순간부터 떼는 순간까지 작동하며, 일반적으로 , 요소에 사용됨. active는 자신보다 뒤에 위치하고 동등한 클래스가 (:link, :hover, :visited) 덮어쓰기 때문에, LVHA (:link - :visited - :hover - :active) 순으로 디자인해야 함. active 규칙을 다른 모든 링크 규칙들보다 뒤에 배치. 가상 요소 선택자 first-letter, first-line, selection, before, after 가상 클래스 선택자는 selector:active 같이 콜론을 하나 붙이지만, 두 개 붙여주는 것이 좋음. first-letter는 말 그대로 첫 번째 글자, first-line..

이틀 연속 일찍 일어났다~ 이제 주말만 잘 버티면은 매일 일찍 일어날 수 있을 것 같은 기분! 하지만 아직 오전에 책 읽는 습관을 들이기에는 시간이 조금 더 필요할 것 같다~ - 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, ..

일찍 일어났다가 다시 잤다 으악!! 그렇게 일어나서 밥 먹고 오면 항상 오전에는 아무것도 못하게 되어버리는 상황.. 밥 먹으면서 티비 봐서 그래 계획적인 삶.. 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만 변환해주어서 사용할 수도 있었겠구나 라는 생각을..

(아침공부는 너무 힘들다ㅠㅠ 그래도 어제보다 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 강의 (초반에는 집중 잘 됐..