목차 1. 학습 내용 2. 내용 정리 3. 예제 4. 생각 정리 금일 미니 프로젝트가 마무리됨에 따라, 개인 공부를 시작했습니다. Node.js (opentutorials.org) 그리고, sparta... 1. 학습 내용 1. VSCode를 사용하여 Node.js 사용해보기 node.js를 다운로드 받고, cmd에서 node -v를 입력해서 node.js 설치를 확인한다. 1. 새 폴더를 만들고 해당 폴더를 vscode를 사용해 엽니다. 2. js파일을 만들고, console.log('Hello World');를 입력 후 저장합니다. 3. 터미널을 열고, node 를 입력한 후 출력을 확인합니다. 4. main.js( Node.js - 웹서버 만들기 - Node.js (opentutorials.org)..

목차 1. 문제 2. 시도 3. 결과 4. 배운점 1. 문제 페이지에서 db쓰는 부분의 마지막. modal에 기존 데이터 남겨두는 작업. 그런데 기존 데이터 가져와서 input에 value로 주는건 굉장히 쉽게 끝나버렸다. 2. 시도 늘 그래왔듯 gpt와 함께 코드를 짜는 것 부터 시작. // Get the input element const mbtiInput = document.getElementById('update_mbti'); 일단, input의 밸류를 document의 Id가 update_mbti인 부분에 할당해 주었다. 근데 이거 순서가 반대가 아닌가? 싶어서 반대로 시도했더니 document.getElementById('update_mbti').value = mbti; 원하던 결과가 도출되었..

목차 1. 문제 2. 시도 3. 결과 4. 배운점 1. 문제 특정 id를 기준으로, 해당 id를 가진 firebase db의 document 내용을 수정하는 기능을 구현. 2. 시도 Edit 버튼을 만들고, 해당 버튼을 누르면 Edit할 ID, URL, Name, Role, Content, TMI, MBTI, URL을 작성하는 창이 보여지고, 원래 사이트의 화면이 어두워진다. 이후, 내용을 모두 입력하고 Save 버튼을 누르면 저장 성공시 저장 완료 alert가, 실패시 error alert가 발생한다. 3. 결과 모달 구현 은 다음과 같이 할 수 있다. Edit Edit Team Member ID_to_Edit Image URL: Name: Role: Content: TMI: MBTI: URL: Sav..

목차 1. 문제 2. 시도 3. 결과 4. 배운점 1. 문제 firebase에서 버튼을 하나 누르면 그 번호를 id로 가지는 document를 받아오고 싶었다. 그러나, 버튼을 누르면 모든 데이터가 한번에 표시되었다. 2. 시도 튜터님께 질문해 보았다. -> getDocs를 모든 document를 받아 순회했기 떄문에 발생한 문제로 보셨다. let docs = await getDocs(collection(db, "team")); docs.forEach((doc) => { let row = doc.data(); let image = row['image'] 공식 문서를 참고하여 getDoc() 함수를 사용해야 함을 알게 되었고, 자세한 사용법은 gpt에 질문해 보았다. Certainly! If you wan..

목차 1. 문제 2. 시도 3. 결과 4. 배운점 1. 문제 git clone .으로 파일을 받고 git remote add origin 로 협업을 준비하고 파일 수정 후 git add ., git commit -m "msg"를 한 뒤 git push를 시도했지만 $ git push origin remote: Permission to 4P-sparta-mini-project/FE.git denied to KimGrang. fatal: unable to access 'https://github.com/4P-sparta-mini-project/FE.git/': The requested URL returned error: 403 오류가 발생했습니다. 2. 시도 일단 chat_gpt에 해당 오류 코드를 질문해보..