목록PRACTICE (67)
whatisthis?
html_pr01) style.css Code Review
https://mywebproject.tistory.com/79 HTML 훈련 - (1) Ad Banner 위와 같은 광고 배너를 만들어보자. 우선 예제 이미지를 보고 각 파트로 나눠보면 총 3개의 파트로 나눌 수 있다. - button을 누르면 URL로 이동하도록 하면 될 것 같다. __ 코드 작성 __ Unlimited download mywebproject.tistory.com 위 예제에서 사용한 style.css의 코드를 분석해보자. * { margin: 0; box-sizing: border-box; } html { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open ..
<PROJECT> Importance Of Planning-2(3) 개요 정리
Importance Of Planning AUGUST SEPTEMBER OCTOBER NOVEMBER DECEMBER 2021 AUGUST 08 MON TUE WED THU FRI SAT SUN 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 blank blank blank blank blank COUNT ___DAYS thisisyjin mywebproject.tistory.com 기존 작성했던 코드. - table태그가 아닌 div로 달력부분 만들기. - 자바스크립트를 이용하기 위해서. - 체크박스 추가 & 자바스크립트로 체크박스 체크한 개수 셀 수 있게. 뷰포트 이용해볼것인지. 미디어쿼리.
HTML) practice. Table colspan / rowspan
월 화 수 목 금 1교시 왕초보 HTML & CSS 모각코 왕초보 HTML & CSS 모각코 왕초보 HTML & CSS 2교시 JavaScript 스킬업 JavaScript 스킬업 3교시 JavaScript 시작반 JavaScript 시작반 JavaScript 시작반 점심시간 4교시 SASS 기초반 HTML & CSS 포트폴리오반 Open Seminar HTML & CSS 포트폴리오반 SASS 기초반 5교시 모각코 모각코 style.css Reference https://docs.google.com/spreadsheets/d/1ek_DsO7zDM9bW2K4ZlAUAkzIWTf0Y377y-8ZGCMyleE/edit#gid=0 https://github.com/rohjs/bugless-101/blob/mas..
Style.css Code Review
https://mywebproject.tistory.com/68 HTML) HTML 기초 下-(1) (Table/ Media File / Etc) 17. Table 기본 구조 테이블 헤더 테이블 데이터 테이블 태그의 기본 구조는 table>tr>th+td 이다. 셀이 헤더에 관련된 것 = th 셀이 데이터에 관련된 것 = td table row = tr (row는 가로줄) 즉, tr 묶음당 가로.. mywebproject.tistory.com style.css Reference https://docs.google.com/spreadsheets/d/1ek_DsO7zDM9bW2K4ZlAUAkzIWTf0Y377y-8ZGCMyleE/edit#gid=0 https://github.com/rohjs/bugless-..
practice. 백준 알고리즘 단계별 챌린지 / 프로그래머스 실력체크
단계별로 풀어보기 단계별은 @jh05013님이 관리하고 계십니다. 단계제목설명정보총 문제내가 맞은 문제1입출력과 사칙연산입력, 출력과 사칙연산을 연습해 봅시다. Hello World!112if문if문을 사용해 봅시다.53for문for문을 www.acmicpc.net 실력 체크 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr
CSS 박스모델 실습 예제
My future life My future life I want to be a web front-end developer. Since I was 17, I have liked computer games and I want to make it myself. Now, I want to create a website that is helpful to many people, not only games. I will be a developer who develops for everyone's convenience. content > padding > border > margin 순으로 바깥으로 뻗어나간다. 또한 각 값은 left, right, top, bottom으로 나눠져서 값을 따로 지정해줄 수 있다. 예>..
html,css) 계산기앱 클론코딩
https://www.youtube.com/watch?v=ffENjt7aEdc index.html 간단한 계산기 style.css #calculator { background-color: #ffbb24; border-radius: 12px; width: 240px; margin: 24px; padding: 24px; text-align: center; } #caculator span { font-size: 1.5em; font-weight: bold; color: white; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.33); } #calculator #formula-input { width: 100%; margin-top: 8px; height: 36px; line-hei..