안녕하세요

스틱키를 활용하여 제품을 소개하는 화면을 구현했습니다. 쌤이 설명하는 박스의 간격이 많이 넓다고 하셨습니다. 다음 부터는 이런 빈 공간 간격을 좀 더 유저입장에서 생각해 봐야겠습니다. [220712의류웹코딩] [ html / css / js ] footer의 제목 격이 되는 헤드 부분은 p가 아니라 h태그에 넣고, 내용물은 dl dt 태그를 활용합니다. 지금까지는 ul과 li 만을 이용했는데 dl dt 다음부터는 사용해 봐야겠습니다. 슬라이드를 만들때는 autoplay가 되면 화살표를 빼고, autoplay가 안되면 화살표를 넣습니다.

이번에 웹코딩은 스틱키 연습을 목표로 하면서 지식이 많이 늘었습니다. 항상 새로운 것을 배우는 것이 재밌습니다. [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 ]