일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- JS 연산
- JS preventDefault
- JS localStorage
- git 협업셋팅
- JS 타이머기능
- JS appendChild
- JS form action
- JS null undefined
- JS setInterval
- JS 기초
- JS setTimeout
- JS 데이터타입
- JS value속성
- JS append
- JS classList
- JS redirection
- JS 스코프
- CSS속성정리
- js 변수
- CSS기초
- JS 삼항연산
- JS 숫자
- JS 화살표함수
- JS 형변환
- JS clearInterval
- JS form
- JS prompt
- JS 함수
- JS typeof연산자
- HTML기초
목록📝TIL📝 (6)
공부기록용
보호되어 있는 글입니다.
오늘 한 일📌 오늘은 지난주에 조금 일정들을 치뤘더니 조금 집중이 안됬당,,ㅎ 다행히도 오늘은 문제만 풀어보는 과정이어서 풀이에만 좀 집중해서 쉬엄쉬엄할 수 있었다. 간만에 문제들을 많이 풀어봤는데 이전보다는 수월하게 풀고 있는 것 같아서 약간은 뿌듯했다. 근데 시간이 너무 오래걸려서ㅋㅋㅋ 많이 풀어보고 요령을 키워야 겠다고 생각했다. 어려운건 여전히 풀기 어렵지만 시도 횟수가 많이 늘었고 하다하다 포기하고 답을 보면 답에 근접하거나 엇비슷하게는 따라간 것 같아서 조금만 더 고민했으면 풀 수 있지 않았을까 아쉬움이 남는다. 또 다짐하길! 오래걸려서 일단 끝까지 해보자라는 마음을 다시금 상기시키게 되었다. 어차피 부딫혀야하는 일들이고 어차피 습득해야 하는 것이니 오래걸려도 오래걸린만큼 내 것이 온전하게 되..
오늘 한 일📌 내가 생각 하는 오늘의 몰입 시간! 7시간 정도! 오늘은 내용은 반응형 웹 만드는 것에 대한 CSS에 대한 내용이었다. 이 과정에 합류하기 전에 유툽에 유노코딩님이 반응형 웹 만드는 강의(?)가 있었는데 그걸 들어보자 했다가 미루고 미루다 결국 하지 못했었는데 같은 내용인지는 모르겠지만 이렇게 배워봐서 좋았다! Transform, Transition, Animation, viewport, @keyframes, @media등등 어렵지 않은 내용이지만 CSS를 잘하고 싶은 나한테는 너무나 즐거운 내용이었다. ✍️✍️✍️ 웹에서 앱으로 보여지는 웹이 더더욱 많아진다고 생각하니 더 재밌게 느껴졌던 것 같고, 📌 그저 넘어갔던 이 meta태그의 내용도 미디어쿼리를 사용하기 위해서는 해당 meta태그..
📌오늘 한 일 총 11:50 중 9시간 정도 몰두 한 것 같다. 다시 마음 다잡고 처음부터 차근차근 한다. 일주일 정도 쉬었더니 속도가 느려진것 같다. 빨리 속도를 좀 내서 할당량 끝내고 추가적으로 공부해야하는뎅,,, 이 웹 기초 하는 동안 우선 빨리 속도를 올리고 추가 공부를 빨리 하는걸 목표로 하자 점점 더 어려워져서 시간이 더 더뎌질 건데 빨리 극뽁하자! 정말 기초적인 html이랑 css에 관해서 다시 짚어보는 시간이었다. 조금 아쉬운 부분은 실습 부분들에서 만들어 보는 그 답들이 조건을 알려주기보다는 모두 나와있어서 스스로 하는게 조금 부족해서 그 부분을 다시 스스로 해보도록 하거나 정말 모르는 것 없이 넘어갈 수 있도록 꼼꼼하게 점검하기로! 생각한다. 오늘도 역시 기초였지만 새롭게 얻어가는게 있..
부제: addEventListener 등록 함수에 조건문 추가하기 웹 페이지의 너비 변화마다 color변화 주기 페이지의 너비가 1152를 넘어가는 경우 yellow, 너비가 1152보다는 작지만 768을 넘어가는 경우 purple, 너비가 768보다 작으면 blue로 웹 페이지의 색이 변하도록 하고 싶다. classList : 요소에 적용된 클래스들의 이름을 리스트 형태로 반환해 줍니다. remove : classList의 메서드입니다. classList를 통해 반환된 리스트 중에서 원하는 클래스를 제거할 수 있습니다. add : classList의 메서드입니다. classList의 리스트에 원하는 클래스를 추가할 수 있습니다. innerWidth : 브라우저의 가로 길이를 나타내는 Window 객체의..
부제. EventTarget.addEventListener() EventTarget.addEventListener()를 가볍게만 알아뒀다가 노마드 바닐라 JS 챌린지의 과제를 진행하다가 새롭게 해결한 것들 마우스가 title위로 올라가면 텍스트가 변경되어야 합니다. 마우스가 title을 벗어나면 텍스트가 변경되어야 합니다. 브라우저 창의 사이즈가 변하면 title이 바뀌어야 합니다. 마우스를 우 클릭하면 title이 바뀌어야 합니다. title의 색상은 colors 배열에 있는 색을 사용해야 합니다. .css 와 .html 파일은 수정하지 마세요. 모든 함수 핸들러는 superEventHandler내부에 작성해야 합니다. 모든 조건이 충족되지 못하면 ❌를 받습니다. mouseenter : 마우스가 위로 ..