[HTML+CSS+JS] 코딩연습 003 (메가박스 영화사이트 클론코딩)

HTML+CSS 코딩연습 세번째: 메가박스 영화사이트 클론코딩 사용언어 : HTML, CSS, JavaScript 작업기간 : 2021.03 (2주) 참조 : WEBSTORYBOY wtss.tistory.com/category/SITE/03%20MEGABOX 비고 : - [ Sample Image ] 이미지를 클릭하시면 사이트로 연결됩니다. [ Source Code Download ] 아래 링크를 통해 소스코드를 다운받으실 수 있습니다. github.com/ywc1085/Meboxbox_Website_clone_coding ywc1085/Meboxbox_Website_clone_coding 메가박스 사이트 클론코딩하기. Contribute to ywc1085/Meboxbox_Website_clone_co..

2021.03.20

[HTML5+CSS+JS] 코딩연습 002 (반응형 사이트 만들어보기)

HTML 코딩연습 두번째: 반응형 사이트 만들어보기 WEBSTORYBOY 쌤의 강의를 따라하며, 두번째 연습작으로 만들어본 반응형 웹사이트 입니다. 나름 강의내용에서 약간씩 변형해가면서 만들어 봤습니다만 아직 많이 부족하네요... [Sample Image] 이미지를 클릭하시면 해당사이트에 연결됩니다. [REFFERENCE SITE] WEBSTORYBOY https://wtss.tistory.com/category/SITE/02%20RESPONSIVE

2021.02.20

[HTML5+CSS] 반응형 HTML 미디어쿼리 연습하기

반응형HTML의 기본! 미디어쿼리 연습하기 화면사이즈에 따라 반응하는 반응형 사이트를 만들기위해 가장 핵심적으로 알아야 하는 미디어쿼리를 만들어보는 연습입니다. [Sample Image] 이미지를 클릭하시면 새창에서 완성된 페이지를 확인하실 수 있습니다. [Source Code] 아래는 소스코드입니다. 미디어쿼리 미디어 쿼리는 화면 크기에 따른 각각의 속성 값을 지정하여, 여러가지 화면을 구성하는 기술입니다. @media only all and (조건문) {실행문} @media : 미디어 쿼리가 시작됨을 표시합니다. only : 미디어 퀴리 구문을 해석하라는 명령업니다. (생략가능) all : 미디어 쿼리를 해석해야 할 대상을 나타냅니다. (생략가능) all : 모든 미디어 유형에서 사용할 CSS를 정의..

2021.02.10

[HTML+CSS+JS] 코딩연습 001 (웹 표준 사이트 만들어보기)

HTML 코딩연습 첫번째! : 웹 표준 사이트 만들어보기 WEBSTORYBOY 쌤 강의 열심히 쫒아가며 처음으로 만들어본 웹 표준 사이트입니다. [Smaple Image] 이미지를 클릭하시면 해당사이트 연결됩니다. [Source Code] 아래 링크를 통해 소스코드를 다운받으실 수 있습니다. github.com/ywc1085/webstandard 나름 강의내용에서 조금씩 응용하여 변경적용하며 만들어봤는데 한번 만들어보니 막상 막막했던 코딩에 조금은 자신감도 생기네요... 좋은강의 만들어주신 WEBSTORYBOY님께 감사드립니다. [REFFERENCE SITE] WEBSTORYBOY wtss.tistory.com/category/SITE/01%20WEBSTANDARD

2021.02.10