TIL

TIL/2023

0518_TIL_팀원소개 페이지 프로젝트4

Git 관련 사이트 https://iridescent-zeal.tistory.com/161 [Git]원격 저장소의 변경사항 적용 & 브랜치 & 병합: pull, branch, merge [ 원격 저장소의 변경사항 적용 ] $ git pull origin master git pull origin master 를 통해 원격 저장소의 내용을 로컬 저장소로 당겨올 수 있습니다. 원격 저장소 (github 등) 에서 내용이 변경된 채로 로컬 저 iridescent-zeal.tistory.com https://cjh5414.github.io/gitignore-update/ 이미 push된 file .gitignore 적용하기 Jihun's Development Blog cjh5414.github.io - 원격 저장..

TIL/2023

0517_TIL_팀원소개 페이지 프로젝트3

mongodb에서 데이터 불러오기 function show_info() { $(".team-name").on('click', function (e) { let value = e.target.id console.log(value) fetch('/input').then(res => res.json()).then(data => { let rows = data['result']; rows.forEach((a) => { let name = a['name']; let mbti = a['mbti']; let hobby = a['hobby']; let merit = a['merit']; let style = a['style']; let blog = a['blog']; if (value === name) { $('#co..

TIL/2023

0516_TIL_팀원소개 페이지 프로젝트2

CSS grid 4칸으로 설정 후 메인페이지 버튼 크기 수정 버튼에 hover 기능 추가 .main-page-btn { grid-column: 1/2; grid-row: 2/3; height: 100px; margin: auto 0px 0px 0px; border-radius: 20px; font-size: larger; background-color: transparent; border-width: 2px; } .main-page-btn:hover { color: white; border: none; background-color: gray; transition: 0.3s; } CSS 배경 동그라미로 설정 하는 법 border-radius: 70%; fetch 이용해서 pymongo로 post func..

TIL/2023

0515_TIL_팀원소개 페이지 프로젝트

구성은 총 2페이지 - 메인 페이지 - 팀원 소개 페이지 - 팀원 소개 페이지 .container { display: grid; grid-template-columns: 432px 864px; margin-top: 50px; } 먼저 container로 감싼 후에 grid로 2열 생성 .list { /* background-color: aqua; */ grid-column: 1 / 2; } .main { border-style: solid; border-width: 2px; border-radius: 30px; /* height: 500px; */ grid-column: 2/3; grid-row: 1; margin-left: 50px; } list랑 main으로 나눠서 구역 지정! 정렬은 되었으나 양쪽 ..

숨숨123
'TIL' 카테고리의 글 목록 (9 Page)