목차 1. 학습 내용 2. 내용 정리 3. 예제 1. 학습 내용 1. 요청(Request)과 응답(Response)를 명확하게 이해합니다. 2. Express.js의 req, res 객체가 가지고 있는 메서드를 이해합니다. 3. Express.js에서 요청(Request)과 응답(Response)을 표현하는 방법을 학습합니다 Express.js는 http모듈을 확장하여 추가적인 메서드나 속성을 제공해준다. 2. 내용 정리 1. Request와 Response - Request란 클라이언트가 서버에게 전달하려는 정보나 메시지를 담는 객체를 의미합니다. URL, Http method, 헤더(header), 쿼리 파라미터(query parameter), 바디 데이터(body data)등이 포함됩니다. - Re..

목차 1. 학습 내용 2. 내용 정리 3. 예제 4. 생각 정리 1. 학습 내용 1. DOM의 기본 개념과 접근, 제어법 2. Class문법의 주요 개념(클래스, 인스턴스, getter, setter, 상속 등) 3. 클로저의 주 개념과 활용 2. 내용 정리 1. DOM (3) DOM(Document Object Modeling) 브라우저 내장 API(다른 시스템에 제공하는 기능의 사용을 도와주는 중간자) - HTML을 Js로 접근, 제어가 가능하다. DOM의 모든 node는 속성과 메서드를 가지고 있다.(Node : html태그와 텍스트, 속성등을 하나의 블록처럼 취급) 속성 : 해당 객체의 특성을 나타내는 값을 가져오거나 설정 메서드 : 해당 객체가 수행하는 작업을 나타내는 함 2. Class 클래스..

목차 1. 학습 내용 2. 내용 정리 3. 예제 4. 생각 정리 1. 학습 내용 (1) 데이터 타입 심화 : (2) 실행컨텍스트 : (3) this : 2. 내용 정리 (1) 불변성과 가변성 -> 원시타입으로 저장한 정보는 가변성을 가져 원본도 영향을 받아 변한다. 불변성의 필요. undefined 1. 변수에 값이 지정되지 않은 경우 2. 해당 데이터가 존재하지 않는 경우 3. return 없거나 호출되지 않는 함수의 실행결과 null 1. '없다'를 명시적으로 표현 2. typeof null이 object인건 js자체 버그. 조심하기. 동등 연산자(==) -> console.log(n == undefined); // true 일치 연산자(===) -> console.log(n === undefined..

목차 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에 해당 오류 코드를 질문해보..