공부/프론트앤드 썸네일형 리스트형 20210519_ flew속성 공부 flew 속성 어려움, 주의해서 다시 볼 것. DOCTYPE html> Document body{background-color: #3d84b8;} .parent{ border: 1px solid white; height: 700px; display: flex; flex-direction: row; /*기본이 nowrap고 wrap 컨텐츠 크기가 넘어가면 밑줄로 넘어감*/ flex-wrap: wrap; /*justify-content center 메인축 아이템들을 정렬한다. 기본값이 flew-start, space-between 양끝맞춤*/ justify-content: center; /*stretch가 기본값, 교차 축 아이템 */ align-items: flex-start; /*stretch 기본값, .. 더보기 스터디 01일) Do it! 반응형 웹 만들기 13~45페이지 실습을 시작하기에 앞서 준비과정은 이미 갖춰진 환경이여서 훑어보는 것으로 끝내고 바로 실습으로 넘어왔습니다. 아직까지는 어려운 점 없이 무난하였습니다. 사실 STYLE 부분은 CSS로 따로 빼서 링크로 연결하는 방식을 더 선호하는 편이지만 아직은 책을 그대로 따라해보는 것이 좋다고 생각하여 그대로 따라했습니다. 기본 구조만 해보다가 반응형은 처음이여서 미디어문에서 띄워쓰기를 잘 못 하는 바람에 생각보다 오래 걸렸습니다. 사실은 미디어 문의 문제가 아니라 색상 코드에서 띄워쓰기 했던게 안먹혔던거였습니다. 올바른 코드 @media all and (min-width:768px){ body{ background:#ea6576; } } 틀린 코드 @media all and (min-width:768px){ bod.. 더보기 dothome 무료 호스팅 신청하기 DO IT 반응형 웹 만들기 책 공부를 시작하였다. 기존에는 PC버전만 유지보수 조금 하는 수준이여서 유튜브로 강의를 찾아 보았으나 순서가 짬뽕이되니 잘 모르겠어서 책을 구매한 후 무작정 따라하기를 시작하였다. 공부하기에 앞서 무료 호스팅을 신청해보았다. 사실 기존에 무료호스팅 쓰고 있는게 있었으나 나태하게 도태되는 사이에 기간이 만료되고 안에 자료를 복구해두지 않아서 다 날아갔다.. 덕분에 깨끗하게 새로 공부를 시작할 수 있게 되었다^0^ https://www.dothome.co.kr/web/free/index.php 닷홈 - 호스팅은 닷홈 닷홈은 무제한 웹호스팅, 무료호스팅, 도메인, 홈페이지빌더, 무제한메일, SSL보안인증서, 서버호스팅, 코로케이션 서비스를 제공하고 있습니다. www.dothome.. 더보기 자바스크립트) 오늘의 요일 switch문으로 표현 코드는 디버그창에서 확인하세요 f12 더보기 자바스크립트 do it! 2~3일차 표준무게 구하는 스크립트 더보기 30일 과정) 프론트단 공부하기 01 01일차, 자바스크립트 공부하기 내용: 자바스크립트 이해하기, 개발환경 준비하기, 무작정 예제 맛보기 -자바스크립트란 html, css, jquery와 같이 작업한 결과물이 눈에 보이는 프론트엔드 개발이라고이다. 반면에 눈에 보이지 않는 jsp, php, asp, db등을 백엔드 개발이라 한다. 자바스크립트는 객체기반 언어이다. html은 디버그 창에서 elements 패널을 확인하고 자바스크립트 코드는 source패널에서 오류를 확인할 수 있다. -개발환경: 책에서는 비주얼스튜디오 코드를 설치하라 하지만 나는 드림위버를 사용해왔고 깔려있기에 드림위버를 쓰겠다. https://code.visualstudio.com/에서 내려받아 설치가능하다. - 맛보기 문제: 나이를 입력받아 성인인지 판별하는 문제 if.. 더보기 이전 1 다음
