상태 코드 200클라이언트의 요청을 정상적으로 수행함201클라이언트가 아떠한 리소스 생성을 요청, 해당 리소스가 성공적으로 생성됨 (POST를 통한 리소스 생성 작업 시) 상태 코드 400클라이언트의 요청이 부적절 할 경우 사용되는 응답 코드401클라이언트가 인증되지 않은 상태에서 보호된 리소스를 요청했을 때 사용하는 응답 코드 (로그인 하지 않은 상태의 유저가 무언가 요청했을 때, 쇼핑몰에 로그인하지 않았는데 결제 내역같은 정보 달라고 할 때)403서버가 요청을 이해했지만, 권한이 없어 요청이 거부되었을 때 사용하는 응답 코드 (쇼핑몰에 접속하여 로그인까지 하였지만, 다른 사용자의 결제 내역을 달라고 하면 403 반환, 웬만하면 404 권고)404서버가 요청한 페이지나 파일을 찾을 수 없는 경우(존재하..
분류 전체보기
쿠키사용자가 특정한 웹 사이트에 방문할 때, 사용자 컴퓨터에 저장하는 기록 파일서버의 자원을 전혀 사용하지 않는다.사용 예시 : "아이디와 비밀번호를 저장하시겠습니까?" 출력 시 "예"를 누르면 로컬, 즉 우리 컴퓨터 내부에 아이디와 비밀번호가 저장된다.사용자의 정보가 컴퓨터에 남기 때문에 보안 관련 이슈가 생길 수 있다.세션한 명의 클라이언트(브라우저)의 상태를 유지하는 기술서버에서 클라이언트의 세션 정보를 메모리나 디스크 또는 DB 등을 통해 저장해놓고 해당 클라이언트가 누구인지 서버에 알려주는 역할을 한다. 특정 사용자의 로그인 정보를 유지하기 위해 사용할 수 있다.서버가 클라이언트에게 고유한 세션 ID를 부여하면, 클라이언트는 접속할 때마다 세션ID와 함께 요청한다. 서버에서는 세션ID에 따른 회..
User Interface - 웹 브라우저의 화면에 대한 정보 ( 주소 창, 각 버튼 등)Browser Engine - UI와 Rendering Engine의 매개체 역할, 쿠키와 같은 로컬 데이터를 저장소에 기록하는 기능 수행Networking - 웹 서버와 통신 진행JS Engine - 자바스크립트 코드를 파싱하고 실행하는 역할UI Backend - 사이트 UI 구동 역할Rendering Engine - 웹 서버로부터 받은 응답을 화면에 표현 ( HTML, CSS와 같은 코드를 실질적으로 처리)
웹 브라우저는 일반적으로 다음과 같은 기능을 수행한다.웹 페이지를 서버에 요청(request)하여 서버의 응답(response)을 웹 문서 형태로 받는다.받은 웹 문서 (HTML, CSS 등)을 렌더링 하여 모니터 화면에 웹 페이지를 표시한다.1. 서버와 클라이언트 구조클라이언트(스마트폰, 데스크탑 등 서비스를 사용하는 기기 또는 사용자)가 요청을 보내면 서버(서비스를 제공)가 응답하는 동작 방식을 가지고 있다. 이 구조를 따르는 대표적인 예시로 웹 서비스가 있다.클라이언트는 서버로 요청을 보낸 뒤 응답을 받으면 서버의 응답을 처리하여 화면에 출력할 수 있도록 한다.서버는 클라이언트로 받은 요청을 처리해 응답을 전송한다.2. HTML (HyperText Markup Language)HTML은 웹 문서를 ..
워터폴(Waterfall) 방법론순차적 접근 방식을 따르는 개발 방법론으로, 이름 그대로 물이 위에서 아래로 흐르듯이 단계를 하나씩 거쳐서 진행하는 방식을 의미한다. 단계별로 명확하게 정의된 프로세스를 따르기 때문에 프로젝트 진행 상황과 요구사항을 정확하게 파악할 수 있고 변경이 적어 프로젝트 관리에 용이하다. 따라서 대형 프로젝트와 어울리는 방법론이다.하지만 초기 단계에서 요구사항을 정확히 파악하지 못하면 수정이 어렵고 모든 단계가 끝나야 배포가 이루어지기 때문에 고객의 피드백이 늦어져 요구사항 변경 대응이 어려워진다. 또한 초기 단계에 리스크를 예측하기 어렵고 특정 단계에서 지연이 발생하면 전체 프로젝트 일정이 지연될 수 있다. 애자일(Agile=기민한, 좋은것을 빠르고 낭비없게 만드는 것) 방법..
📌 클로닝해보면서 구글 로그인, 검색 로직 등 다양한 기능 및 배포 과정 학습📢https://www.themoviedb.org/ 의 open API의 영화DB를 활용🔗배포 주소 : https://disneyclone-72280.firebaseapp.com 첫 화면으로 로그인 페이지가 나온다.가입화면은 구현을 안했지만 상단의 로그인 버튼을 누르면 구글 연동 로그인을 진행할 수 있다. 혹시나 도메인에서 path를 입력하여 로그인 없이 강제로 다른 화면으로 이동하려하는 것을 방지하기 위해 로그인 유무를 체크하는 로직을 추가하였다. 로그인 전에는 어떤 상황에서든 첫 화면이 나오게 된다.로그인 유무를 체크하기 위해 로컬 스토리지에 userData를 저장하는 방식을 사용하였다. 이를 통해 로그인 유무 체크와 ..
빌드랑 배포 과정은 정상적으로 진행했는데 내가 만든 페이지가 아닌 무한 firebase hosting setup complete 창이 뜬다. 구글링해보니 대충 build 과정에서 build 폴더 내 파일이 뭔가 잘 안맞았던거 같다. 다시 npm run build 후 firebase init, firebase deploy로 재배포해서 정상 작동 확인~ PROJECT_ID.web.app 로 안들어가지면 PROJECT_ID.firebaseapp.com 으로 들어가보시길!
1. https://firebase.google.com 파이어베이스 홈페이지에서 로그인 후 우측 상단에 Go to console 클릭 2. 프로젝트 만들기 클릭 3. 프로젝트 이름 입력하고 약관 동의 후 계속 클릭 4. 진행 완료 후 앱을 추가하여 시작하기 중 웹 선택 (ios, android, web 선택 가능) 5. 앱 이름 등록 ( 호스팅은 나중에도 설정 가능하니 패스) 6. Firebase SDK 추가 (npm install 후 아래 내용들 복사) 7. 복사한 내용을 src폴더 내에 firebase.js를 만들어 붙여넣기 ( 외부에서 import해와야 하므로 export default app 입력) 8. index.js에 import 해오기 ( import만 해와도 Firebase 연결됨 )
