CSS (4) 썸네일형 리스트형 설특집_덕담공유패키지(개발일지_실습) 먼저 결과물 분석하기 우선 배경이 있고, 위에 타이틀이 있고, 그 밑으로 아이템들이 있고, 마지막에 떠다니는 버튼이 있네요! 일단 뼈대 만들고 꾸미기 준비하기 대충 꾸미고 웹창 들어가서 어떻게 되는지 중간점검. 노랑 형광펜 누르면 모바일 버전으로 어떻게 보이는지도 알려준다(일단은 350 x 700 으로 맞춰서 보기!) 배경 가운데로 옮기고(position, size) 무슨일이 있어도 나의 그림이 키우던 줄이던 비율에 맞게 꽉차게 하게 하려면, max-width사용 그래도 자동으로 생기는 여백을 없애주고 싶다면(그 여백은 body에 자동으로 들어가있는 속성), HTML 태그의 기본적인 여백을 없애줘야한다. 따로 body를 가리켜서 제어. 제목 만들기 제목 구조잡기 여기서 span으로 따로 묶는 이유는 한번.. #7. 1차 기획안 서면 피드백&계획 및 프론트엔드 html만들기 서면피드백 토요일날 6시까지 제출했는데 일요일까지 그 많은 사람들 피드백을 해주셨다.. 스파르타에 수업이 몇개인데,,, 진짜,, 빠르게 굴러가는구나를 또 새삼 느꼈다.. 벌써 유튜브에서 대학생불꽃반 2기 모으는 것 같던데...나도 열심히 살아야지!!.. 요약 피드백 살짝 챌린징해요 크롤링, 검색, 지도 - 꽤 해야할 것이 많아서, 음식점의 상세 페이지는 스펙에서 삭제하는 것이 어떨까 싶습니다. 그 대신, 우선은 누르면 네이버플레이스로 가게 해두면 좋을 것 같아요. 사실.. 좀 투머치 하다는 생각이 들긴 했다. 를 포기하면 정보의 산발성에서 좀 아쉬움이 남을 것 같다는 생각이 들지만 일단 네이버 플레이스를 사용해본 적이 없으니 홈페이지에 들어가보긴 해야지! 찾아보니 그냥 네이버 지도에서 틀면 나오는 페이지.. #1-1. 스파르타 1주차 과제(html, css, java script) 과제는 요▽ 기획안 보고 주문하는 홈페이지 만들기! 주문하기 버튼을 누르면 주문이 완료되었다는 얼럿을 띄울 것! 이미지 링크가 좀 많이많이 길다;;........하하... wrap하는게 좀 어려웠고... 그룹핑 시켜서 나누는게 아직 눈에 안 익은 듯 하다 이미지 크기에 맞게 하는거? 좀 더 꼼꼼히 하면 될 거 같구 근데 무엇보다 하면서 이건 어느 코딩을 따와야 하고 저건 어떤 코딩을 따와야 하고 이런게 머릿 속에서 생각이 나서 그런게 좀 재밌었던 것 같다. 기억이 안나는 부분도 있었어서 다시 찾아 들어가느라 시간이 엄청 많이...걸렸다는거...ㅋㅋ큐ㅠㅠㅠㅠ 버튼이나 상품제목, 설명하기, 주문하기 등을 html로, 글씨 크기나 색, 모양, 버튼의 색, 라운드진것 등을 css로 버튼을 누르면 개수를 고를 수.. #1. 스파르타 1주차 개발일지(html, css, javascript) 전제 html은 홈페이지 뼈대 css는 홈페이지 꾸며주기 java script는 이동!(java와 javascript는 전혀 무관...!) pycharm은 파이썬을 쓰기 위한 나름의 툴? 1. html (홈페이지 뼈대)구현 엄살쟁이라 파이참 코딩 소스를 보자마자 반사적으로 놀랬지만,, 조금씩 뜯어보니 head, title, body 이렇게 큰 틀로 나뉘어있고 h1~h3까지 제목, 글자, p, div으로 문단 나누고 구역 나누고 버튼이나 입력 태그 같은 것들이네 뜯어보니까 나름 할 만 한듯? 꿀팁) 파이참에서 줄정렬할 때 ctrl+a(전체선택) 누른 후에 ctrl+alt+L을 누를 것! 로그인 페이지 ID : PW : 로그인하기 해보고 신기방기.. 뼈대만 알면 코드는 외우는게 아니라는게 뭔말인지 알 것 같.. 이전 1 다음
