팀 소개 프로젝트라는 간단한 프로젝트였지만! 웹 개발에 대해 서버까지 어떤 방식으로 작동되는지 조금 더 잘 이해하게 된 시간이었다..!! 웹개발 종합반 강의를 들었을 땐 강의에서 하는걸 그냥 따라하기만 했어서 과연 내가 제대로 이해한 건지 파악이 어려웠는데, 프로젝트를 진행하다 보니 이해가 잘 되지 않았던 부분에 대해 알게 되었던 시간이었다. 일단, 서버와 스크립트가 연결이 되어 fetch로 정보를 보내거나 받거나 하는 동작을 수행한다는 것까지는 이해를 했는데, 직접 코드를 작성해서 DB를 이용하는 과정을 만들어내는 건 조금 어려웠다...! 하지만 팀원들의 도움과 구글검색으로 충분히 해결할 수 있는 문제들이었고, 이 과정을 통해 서버가 어떤 방식으로 작동하는지 아주~ 얕게나마 지식을 쌓게 되었던 값진 시..
KPT 회고록 https://huu-oong.tistory.com/7 내배캠 1주차 미니프로젝트 KPT 회고록 KPT keep 현재 만족하고 있는 부분 계속 이어갔으면 하는 부분 Problem 불편하게 느끼는 부분 개선이 필요하다고 생각되는 부분 Try problem에 대한 해결책 다음 회고 때 판별 가능한 것 당장 실행가능 huu-oong.tistory.com 부트스트랩같은 라이브러리를 사용하지 않고, 완전 날것의 UI의 웹페이지를 만들어버려서 아쉬움이 있었다! 다음 프로젝트에서는 초기에 꼭꼭꼭 충분한 자료조사를 진행하고, 명확한 틀을 정한 후에 진행하는 방식으로 해야겠다는 큰 깨달음도 알게 되었다...!! 다음엔 코드도 웹페이지도 더 예쁘게 만들고 싶다!!😂 튜터님의 꿀팁 [부트스트랩같은 라이브러리 ..
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 - 원격 저장..
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..
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..
구성은 총 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으로 나눠서 구역 지정! 정렬은 되었으나 양쪽 ..
