안녕하세요

이번에 웹코딩은 스틱키 연습을 목표로 하면서 지식이 많이 늘었습니다. 항상 새로운 것을 배우는 것이 재밌습니다. [220712의류웹코딩] [ html / css / js ] 회전하는 글씨를 구현했습니다. 새롭게 배우는 내용이 많습니다. rotateX를 이용하면 대상을 눕힐 수 있습니다. rotateX(90deg); 90도로 설정하게 되면 가로로 완전히 눕게 되며 높이가 사라지게 됩니다. $(function () { const circleText = (txt, h) => { 텍스트를 원형으로 만드는 방법은 (360도 / 글자의 길이)로 글자를 rotate 시키면 됩니다. 10개의 글자가 있다면 첫번째 글자는 0도를 회전시키고, 두번째는 36도, ..., 마지막은 360 - 36도 만큼회전시킵니다. cons..

오늘은 조건문을 배웠습니다. 기존에 알고 있던 지식들이었기 때문에 어제 해결하지 못한 코딩 문제를 보았는데, for문의 범위를 좁게 지정한 것 같은데도 결국 해결이 되지 않아 진전이 없었습니다. 이번 웹코딩은 sticky를 활용하여 컨텐츠를 넣어보려합니다. 글자와 단조로운 배경만을 넣는다면 어떻게든 내용을 더 만들었겠지만 이미지를 맞추어 보려고 또 포토샵 배우고 했더니 머리가 아픕니다. [220712의류웹코딩] [ html / css / js ]

이번 주부터 2~3주간 JS 강의가 진행됩니다. 상당히 기대됩니다. js로 공부를 꾸준히 해오고 있지만 이 지식들이 웹 개발에 실제로 어떻게 쓰이는지는 아직 모르기 때문입니다. 쌤한테 여쭤보니 js강의가 끝나면 리액트 강의를 곧바로 이어서 할 것이라 하십니다. 리액트도 마찬가지로 개념만 공부했지 아직 다뤄 본 적은 없기에 하루 빨리 배우고 싶습니다. 이번 주는 1주간 의류 웹코딩을 합니다. 해보고 싶은 것이 많아질 수록 고민도 늘어납니다... class 이름 지어주기... [220712의류웹코딩] [ html / css / js ]

만들고 보니 뒷부분에서 뭔가를 넣으려고만 한 것 같습니다. 이미지 크기도 너무 큼직큼직하고 한 눈에 들어오지 않습니다. 좀 빼고 작게 만들 필요가 있어 보입니다. [220706 식품코딩Mc] [ 220706 식품코딩Mc html / css / js ] 레이아웃 구조를 만들 때 나중에 추가로 넣을 내용을 대문자로 표시해두면 구분하기 쉽습니다. HOME LOGIN vscode가 업데이트 되면서 emmet 설정이 바뀌었습니다. emmet은 더 이상 예상 shortcut을 보여주지 않게 되어 엔터로 작동하지 않습니다. Emmet: Trigger Expansion On Tab의 체크박스에 체크하고 나면 tab 키로 작동합니다. inline completion 기능이 생겨 결과를 미리 볼 수 있습니다. 다단메뉴의 ..