본문 바로가기

전체 글191

23.05.15 팀원 소개 페이지 만들기 1일차 와이어 프레임 따로 입출력 기능이 없기 때문에 get,post 구현이 당장은 필요가 없어 각자 메인 페이지를 만들고 비교해보기로 했다. 구현할 것 기본 틀, 버튼 클릭 시 다른 팀원들의 소개로 바꾸는 슬라이드 기능 슬라이드 기능을 부트스트랩에서 가져옴 Previous Next 가시성 및 편의를 위한 기본 css코드 추가 이름 : 김희열 mbti : ISTJ 나이 : 24 이름 : 고은비 mbti : ISTJ 나이 : 24 이름 : 한지훈 mbti : ESTJ 나이 : 24 이름 : 송어진 mbti : ENTJ 나이 : 24 이름 : 송이삭 mbti : INTP 나이 : 24 Previous Next 완성코드 올T 팀 소개 : 모두의 mbti에 t가 있다 이름 : 김희열 m.. 2023. 5. 15.
23.05.12 웹개발 종합반 fetch ~ DB 복습 vision5팀과의 미니프로젝트를 마치고 오늘부터는 다음주에 새로 시작할 미니프로젝트에 대비하기 위해 웹개발종합반 강의를 정주행할 계획이다. html에서 fetch로 데이터 가져오기 fetch("데이터를 가져올 루트(api url, 백엔드 post 루트 ...)").then(res => res.json()).then(data => { let temp = data['루트에서 가져올 데이터 종류'] $('#temp').text(temp) // id='temp'에 temp에서 text가져와 붙이기 }) ex) fetch("http://spartacodingclub.shop/sparta_api/weather/seoul").then(res => res.json()).then.. 2023. 5. 12.
23.05.11 메인 페이지에서 상세설명이 너무 길면 짤리거나 코멘트가 잘 안보이는 경우가 생겨 글씨 크기를 키우고 5줄 이상은 줄임표로 줄이도록 수정 수정된 코드 => 코멘트와 상세설명을 구분하기 위해 top-desc, top-comment라는 클래스를 추가로 만들었다. let temp_html = ` ${desc} 등록자 코멘트 : ${comment} ${title} ${stars} ` 비전5가 추천하는 영화 Best4 ‘가모라’를 잃고 슬픔에 빠져 있던 ‘피터 퀼’이 위기에 처한 은하계와 동료를 지키기 위해 다시 한번 가디언즈 팀과 힘을 모으고, 성공하지 못할 경우 그들의 마지막이 될지도 모르는 미션에 나서는 이야기 가디언즈 오브 갤럭시-Volume 3 ⭐⭐⭐⭐⭐ 아무리 빨리 달려도 과거를 앞지를 순 없다 돔(빈 .. 2023. 5. 11.
23.05.11 전날 받은 상세 페이지 수정 코드를 토대로 sub1 ~ sub4의 코드를 수정했다. 받은 그대로에서 몇몇 변경사항이 있다. 1. mypost클래스를 담을 div가 없어 부모 div와 id='test1'을 부여했다. 2. 상세 설명과 감독/출연진 정보가 박스를 벗어나는 경우가 생겨 h1에서 각각 h4, h5로 사이즈를 줄였다. 하지만 상세설명이 너무 긴 경우 아직도 박스를 벗어나는 경우가 있어 제목, 상세설명, 감독/출연진에 각각 div를 부여해 길이에 따라 글씨 크기가 조정되도록 건의할 생각이다. 3. 등록자 comment도 너무 크고 누가 적은 것인지 제대로 표기되어있지 않아 텍스트와 사이즈에 수정을 했다.(h1 -> h3) 추가 수정 필요 사항 1. 상세 설명 페이지에서 로고 클릭 시 메인페이지로 넘.. 2023. 5. 11.

티스토리툴바