webprogramming

웹사이트 제작에 필요한 기초지식구성지식레이아웃종류레퍼런스 사이트기초 개발용어HTML 언어 체험HTML, CSS, JAVA script 개발언어로 웹사이트를 제작한다고 했으나 실제로 사용해본 적이 없어 생소했음프론트 앞단 영역, 백엔드 뒷단 영역, 크로스브라우징에 대한

설계도면 작업에 대한 이해(구조를 잘 짜야한다)div태그는 서랍장이다도면을 그릴 때; 비슷한 성질끼리, 좌표로 옮길 것 까지 고려\*팁; 임시로 이미지 크기를 넣어둠"https://via.placeholder.com/150"\*메뉴를 만들 때, nav 태그부분

오늘 배운 것 Hello World

HTMLCSS4) 소감

4) 학습소감

HTMLCSS4)학습소감

4) 학습소감

CSShttps://animate.style/ (반복적으로 사용되는 애니메이션 효과)animateslow 2s animateslower 3sanimatefast 800msanimatefaster 500ms

1)학습내용 2)어려운점 3)해결방법 4)학습소감

HTMLCSS

HTMLCSS학습소감

HTML숲 나무 부분CSS숲 토끼부분과 애니메이션홀로 해결할 수 있을지 계속 의문이 듦천천히 해나가더라도 복습하는 것이 필요하다 생각함실제 페이지를 만드는 실습을 했지만 여전히 홈페이지 개발과 구성을 어떻게 짜서 실제 코드로 옮기는지 생각해보니 어렵게 느껴짐

남이 짜놓은 것을 그대로 옮기는 과정에서 코드를 그냥 따라적는 방법이 과연 효율이 있는 것인지 의문이 듦.그대로 따라가면서도 이게 왜 이렇게 되는지 100% 이해가 안됨복습말고 따로 방법이 없음남이 짜놓은 그대로 따라가는걸 동시에 하지 않고 코드를 일단 적어놓고 혼자

HTMLCSS적응형과 반응형이 명확하게 개념구별이 잘 안됨실습은 좋으나 따라가기만 하다보니 더 헷갈림복습하면서 다시 학습다른 사이트를 통해서 실스보다 기초적인 개념에 대해 HTML과 CSS에 대한 강의를 들음사이트 실습은 좋으나 제대로 이해하고 있는건지 헷갈림

HTMLCSS버튼이 많아지니 내용이 헷갈린다코딩을 입력하면서 계속 오타가 났음, 옮겨적는 동안에 오류가 떠서 코드가 섞여버렸는데 그것을 찾아내는데 시간이 너무 많이 걸렸음천천히 복습하는 것 말고 다르게 할 수 있는 것이 없어 복습함코드를 새로 적다가 다시 찾다가를 반복

HTMLCSS

HTML_1HTML_2CSSfloat 와 vertical-align 개념이 혼동이 옴코드가 길어지며 오타발생시 찾기 너무 어려움주석을 달아가면서 하다가 너무 오래 걸려서 오류 이후 부분부터 천천히 작업함복습했지만 여전히 헷갈림기본기가 부족한데 실습을 계속하니 더 헷갈리

HTMLHTMLCSS코드 오타가 나면 찾기 어려움앞 부분의 강의를 복습함코드가 길어지고 개념이 혼동이 와서 헷갈리는 상태

CSS(한 파일에 계속 작성하면 코드가 너무 길어지므로 따로 만드는 것 추천)각종 태그를 잘 사용하다가 앞 부분의 기초에 관한 개념을 살짝 이야기 하면 생각이 잘 안나서 어려웠음강의는 CSS 스타일 부분을 한 파일로 계속 만들다 보니 코드가 너무 길어져서 수정이 필요할

css학습소감

HTML

학습소감

htmlCSS

htmlCSSvertical-align 태그의 활용각종 border 의 위치가 잘 생각이 안남div 태그나 position의 상세한 설정이 생각이 안남복습 및 따로 인터넷의 자료를 참고https://developer.mozilla.org/ko/docs/Web/

HTMLCSS큰 구조는 이해가 되지만 이제 디테일한 부분에서 상세설정하는 방법이 헷갈리기 시작함강의를 따라가다 수치가 약간 안 맞는 것 같은 부분을 미세조정해보면서 이해함코드가 인간적으로 너무 길어져서 이해하면서 따라가는 것인지 따라가면서 이해하는 것인지 헷갈림, 세세

HTMLCSSsection 별 표기 각 position 별 지정값코드가 너무 길어져서 헷갈림따로 학습자료를 찾아봄복습카피캣 사이트를 따라가다가 코드가 길어지다 보니 제대로 하고 있는 것인지 여전히 의문이지만 끝까지 따라가도록 함

HTMLCSS파일별 링크 구조는 이해함 그러나 vertical-align 과 상세 값에 대해서 어려움이 있음디스플레이에 대한 개념이해가 부족함복습을 하면서 해결함 HTML코드가 길어서 어렵기 보다, 세세한 개념이 부족함

HTMLcss길어진 코드를 찾아가면서 어떻게 하는 것이 좋을지 생각하기보다 그냥 따라가다보니 생각 없이 코드만 적는 것 같고 HTML태그의 세부 속성에 대해 잘 모르겠음자료 복습 및 HTML 태그에 대해서 따로 찾아봄웹페이지의 구성요소간 골격을 이루는 HTML들의 연결

HTMLCSShtml과 css의 연동에서 태그의 갯수와 코드의 길이가 길어지고 비슷한 내용이 있다보니 어느 파일 이었는지 햇갈릴 때가 있어 혼동이 옴.위쪽 태그 부분에서 이미 꾸며진 것은 그것을 포함하는 안쪽에 있는 부분에 영향을 준다는 것에 대한 개념을 복습해봄.네이

학습소감

HTMLCSS각 태그별 상세사항과 적용할 때 개념이 여전히 혼동그냥 카피캣을 따라가는데 잘 모르겠음따로 찾아보며 복습카피캣이라도 따라가면서 코드라도 눈에 익힘이렇게 카피캣을 따라만 가는게 맞는건지 모르겠음, 각 태그나 적용에 대해 물어보면 대답을 잘 할 수 없을 것 같

학습소감

HTMLCSS

HTMLCSS

학습소감

HTMLCSS카피캣을 그대로 따라했지만, 전체적인 그림을 잘 못그리겠음코드가 길어지고 세부내용에 대한 조정을 실제 혼자서 할 수 있을지 계속 의문이 듦세부 그림이 적용될 때의 값에 대한 어려움네이버 카피캣의 처음 부분부터 다시 시작해봄코드의 세부내용은 복습하기로 함세부

트위치HTMLCSS반응형이 어렵다고 함. 그리고 최신기술이 적용된 홈페이지라 네이버 보다 더 어렵다고 말한 것대로 실제로 적용을 하는데 어렵게 느껴짐복습과 트위치 홈페이지를 뜯어봄개인적으로 길이만 긴 네이버 페이지보다 훨씬 흥미롭게 뜯어보았음. 여전히 혼자서 짜보라고

HTMLCSS신기술이 적용되었다는 점에서 어떻게 적용시키는지 몰라서 아쉬움홀로 몇 가지를 찾아봄(자세히 알 수는 없는 것 같음)트위치 홈페이지가 네이버 페이지보다 더 흥미로운 것 같음.

학습내용 html css 어려운점 background size 와 position 관련 세부조정 해결방법 따로 복습함 학습소감 쉬운 것 같으면서 쉽지 않고 새로운 방법이 있는데 어떻게 적용시키는지 알지 못해 아쉬웠지만 다른 방법을 찾아봄.

HTMLCSS트위치 페이지 영상이 있는 새로운 색상코드기존에 있던 양식은 눈에 익으나 HTML제외 기타 부분이 궁금함새로운 색상코드를 뜯어서 봄복습HTML 큰 구조나 어떻게 적용했는지 알 것 같음 그러나 여전히 세부적인 내용을 잘 모르겠음

변수를 적용시키는 부분조금 더 찾아봄, 복습을 함새로운 기술 적용이 신기함, 변수를 지정하는 것에서 몇 가지 의문이 더 생김

학습소감

HTML카피캣을 하면서 완벽하게 같게 만들지는 못해서 어려움여전히 아는게 별로 없어서 복습을 함효과적으로 배울 수 있는 방법이 없는지 의문이 듦. 영상을 보고 카피캣을 하는데 여전히 어렵게만 느껴짐

HTML앞에서 배웠던 내용들이 잘 생각이 안남복습함 추가로 따로 찾아봄생각보다 복잡한 것들이 많아서 지금까지 뭘했는지 잘 모르겠음. 그래도 포기하지 않고 연습하는 방법 밖에 없어서 좀 답답함.

position relative 나 세부 section 별 세팅이 여전히 어려움따로 찾아보거나 코딩을 하면서 브라우저로 확인해봄복습을 하고 따로 찾아봄카피캣도 좋으나 희안하게 잘 따라가지 못해서 너무 아쉬움. 시간이 짧아서 부족한 부분이 많은 것 같아서 걱정이됨.

학습소감

학습소감

학습소감

학습소감

JAVASCRIPTJavascript의 세부적인 내용에 대한 이해복습을 하고 선택자나 사용법에 대해 따로 찾아봄복습을 하면서 부족했던 선택자들과 CSS의 디테일한 부분들에 대해 학습을 하는 것이 좋았음. 실제 카피캣들을 보면서 손으로 익혔던 모델들을 다시 한 번 보니