0=2

HTML, CSS에 이어 Javascript 기초를 학습한 후 예제를 풀어보았습니다.아래 링크에서 최하단의 Quiz를 직접 구현했습니다.실습 예제 모음 | 자바스크립트 기초Quiz-1) 메인화면 탭 메뉴 구현 html 코드기본 HTML 코드는 다음과 같이 작성 합니다. About Custom Software Development Company Products Building tailored software to address critical needs of global enterprises. Technology Machine Learning, Artificial Intelligent, Cloud Platform. ..

이번 주차부터는 스터디원들과 HTML, CSS를 이용해서 웹사이트를 클론 코딩하기로 했습니다.선정한 웹사이트는 음원 스트리밍 서비스 FLO입니다.FLO 홈페이지중앙에 음악 앨범들이 길게 나열되어 있는 것이 특징적이라 이 부분을 구현해보고 싶다는 팀원들의 의견으로 선정하게 되었습니다. html 구조웹 페이지의 레이아웃을 살펴보고 그에 맞게 역할 분배를 진행했습니다.header & 네비게이션 바mainfooter main에서 아래로 길게 반복되는 앨범 부분은 2명의 팀원이 담당하기로 하고,상단에 있는 좌우로 슬라이드할 수 있는 음악 리스트는 header를 담당한 팀원이 구현하기로 했습니다.저는 footer를 담당했습니다.규칙1. 원본 사이트 소스 코드 보지 않기2. 요소들의 크기, 폰트 등을 맞추기 위해 크..

1주차에 풀었던 HTML 예제와 같이 CSS도 예제 실습을 진행하였습니다.아래 링크에서 최하단의 Quiz를 직접 구현했습니다.실습 예제 모음 | CSS 프로그래밍 기초Quiz-1) 소스코드 설명 페이지 만들기코드html CSS Quiz-1 Department: Computer Engineering Student Name: Hong Kil Dong Student ID: 20191029 Example Hello World Lorem ipsum... Try it Yourself >> cssh1 { color: white; text-align: cen..

2주차에는 CSS 개념을 공부하고 퀴즈를 풀어보았습니다.퀴즈w3schools - CSS 퀴즈HTML 퀴즈에 비해 문제 수는 적었습니다. 난이도는 비슷한 것 같습니다.오답 풀이/* CSS 주석 */ text-transform: 대문자로 또는 소문자로 바꾸는 속성none : 입력된 그대로 출력합니다.capitalize : 단어의 첫 번째 글자를 대문자로 바꿉니다.uppercase : 모든 글자를 대문자로 바꿉니다.lowercase : 모든 글자를 소문자로 바꿉니다.initial : 기본값으로 설정합니다.inherit : 부모 요소의 속성값을 상속받습니다.  padding은 속성값으로 음수를 허용하지 않고, 설정을 무시하거나 초기 값 혹은 디폴트 값인 ‘0’으로 해석하기도 합니다. list-style 속성li..

HTML을 공부하고 처음으로 활용해보기 위해 간단한 실습을 진행했습니다.아래 링크에서 최하단의 Quiz를 직접 구현해보았습니다.실습 예제 모음 | HTML 프로그래밍 기초Quiz-1) 테이블 병합코드 1 2 3 4 5 6 7 8 결과Quiz-2) 가입 신청서 만들기코드 - 수정 전 ..

웹 프론트엔드 기초 스터디는 2023년 7 ~ 8월에 진행한 스터디로, 블로그 이사할 겸 이전에 타블로그에 작성했던 글을 옮겨왔습니다.프론트엔드 스터디를 시작하면서, w3schools라는 사이트에서 퀴즈를 풀어보기로 했습니다.w3schools는 프로그래밍 언어의 개념에 대한 퀴즈를 제공하고 있어서 기초 학습을 할 때 적합한 것 같습니다.퀴즈w3schools - HTML 퀴즈퀴즈는 시간 제한이 없고, 답안을 제출하고 나면 이렇게 결과가 나옵니다.틀린 문제가 많아서 비슷한 유형끼리 묶어서 풀이를 해 보았습니다.오답 풀이style 속성 style 속성의 속성값으로, background-color를 이용하면 배경 색상을 지정할 수 있습니다. See the Pen html 퀴즈 5 by 최영은 (@YOUNG3U..