목록전체 글 (529)
안녕하세요
오늘은 조건문을 배웠습니다. 기존에 알고 있던 지식들이었기 때문에 어제 해결하지 못한 코딩 문제를 보았는데, for문의 범위를 좁게 지정한 것 같은데도 결국 해결이 되지 않아 진전이 없었습니다. 이번 웹코딩은 sticky를 활용하여 컨텐츠를 넣어보려합니다. 글자와 단조로운 배경만을 넣는다면 어떻게든 내용을 더 만들었겠지만 이미지를 맞추어 보려고 또 포토샵 배우고 했더니 머리가 아픕니다. [220712의류웹코딩] [ html / css / js ]
이번 주부터 2~3주간 JS 강의가 진행됩니다. 상당히 기대됩니다. js로 공부를 꾸준히 해오고 있지만 이 지식들이 웹 개발에 실제로 어떻게 쓰이는지는 아직 모르기 때문입니다. 쌤한테 여쭤보니 js강의가 끝나면 리액트 강의를 곧바로 이어서 할 것이라 하십니다. 리액트도 마찬가지로 개념만 공부했지 아직 다뤄 본 적은 없기에 하루 빨리 배우고 싶습니다. 이번 주는 1주간 의류 웹코딩을 합니다. 해보고 싶은 것이 많아질 수록 고민도 늘어납니다... class 이름 지어주기... [220712의류웹코딩] [ html / css / js ]
javascript를 배우기 시작했습니다. 기초적인 부분은 이미 알고 있기 때문에 baekjoon을 다시 풀어보며 복습하는 느낌으로 병행하려합니다. 회전하는 글자를 구현하는 방법을 통해서 js로 html에 어떻게 정보를 전달하는지 감을 잡을 수 있었습니다. const DDD = document.querySelector(".box .ddetail"); window.addEventListener("scroll", function () { let sct = window.scrollY; DDD.style.transform = "rotate(" + sct / 2 + "deg)"; }); 스크롤의 높이는 window.scrollY로 구할 수 있습니다. 스크롤의 높이에 맞춰 rotate 하도록 하기 위해서는 styl..
만들고 보니 뒷부분에서 뭔가를 넣으려고만 한 것 같습니다. 이미지 크기도 너무 큼직큼직하고 한 눈에 들어오지 않습니다. 좀 빼고 작게 만들 필요가 있어 보입니다. [220706 식품코딩Mc] [ 220706 식품코딩Mc html / css / js ] 레이아웃 구조를 만들 때 나중에 추가로 넣을 내용을 대문자로 표시해두면 구분하기 쉽습니다. HOME LOGIN vscode가 업데이트 되면서 emmet 설정이 바뀌었습니다. emmet은 더 이상 예상 shortcut을 보여주지 않게 되어 엔터로 작동하지 않습니다. Emmet: Trigger Expansion On Tab의 체크박스에 체크하고 나면 tab 키로 작동합니다. inline completion 기능이 생겨 결과를 미리 볼 수 있습니다. 다단메뉴의 ..