소셜로그인............너어...............

1차 AWS 배포 성공!

오늘 할 것 로그아웃 구현 회원가입, 로그인 컴포넌트 로직 다시보기 전체 구조 같이 보기 dev 브랜치에 머지하기 상태관리 - 로그인 여부, 회원정보(로그인 컴포넌트 → App.js → Mypage, Header, 질문답변 컴포넌트 등…) ⇒ Login 컴포넌트에서 상위 App.js 로 isLogin 상태와 userID 를 업데이트해 줌! 하위컴...

대략적인 로그인 화면 구현 + 입력값 받아오기 이벤트 구현스택오버플로 로고 다운 - 위키구글 로그인 가이드라인 준수하기 참고 사이트 : https://developers.google.com/identity/branding-guidelines?hl=ko로그인/회

회원가입 - 유저플로우, 핵심기능, 부기능, 추가 기능 정리, 로컬에서 페이지 골자 짜기 중로컬에서 main 을 깃 pull 해와서 npm i 해서 실행함일단 로컬로 컴포넌트를 만들어보고 나중에 브랜치 따면 넣어볼 생각임⚠️ Replace onPerfEntry with

1. CORS 정책이 필요한 이유 모든 브라우저는 기본적으로 SOP 정책을 사용하고 있음 SOP(Same-Origin Policy, 동일출처정책) : 스킴(프로토콜), 호스트(도메인), 포트가 모두 같아야 동일한 출처로 판단함. SOP 정책으로 인해 다른 출처의 리소스를 사용할 때 출처가 같지 않으면 CORS 에러가 발생하게 됨.(CORS 를 사용하면 접...

1. 개발 프로세스 개발 프로세스 개발 프로세스, 즉 소프트웨어 개발 프로세스 모델은 소프트웨어 개발 생명주기(SDLC, Software Develpment Life Cycle)을 기반으로 만들어짐 Software Develpment Life Cycl Waterfall Model 전통적인 개발 프로세스. Maintenance 까지 완료되면 처음으로...

🔗️ 참고사이트 최적화 참고 블로그 lighthouse 참고 블로그 숨고 블로그-Lighthouse 로 웹사이트 성능 측정하기 Lighthouse 공식사이트 - Opportunities [TOAST UI - 성능최적화](https://ui.toast.com/fe-guide/ko_PERFORMANCE#%EB%A0%88%EC%9D%B4%EC%95%84%EC...

TDD(Test-driven Development) TDD 란? 코드를 작성하기 전에 테스트를 쓰는 소프트웨어 개발 방법론 작은 단위의 테스트 케이스를 작성하고, 이를 통과하는 코드를 작성하는 과정을 반복하며 개발하는 방법 TDD를 사용하는 이유 코드를 작성하기에 앞서 테스트 코드를 먼저 작성해야 하기 때문에 시간이 오래 걸리는 것처럼 느껴지지만, ...

중요 내용 프로그램과 프로세스의 차이 메모리 공간 공유 여부 멀티 프로세스 한개의 프로세스 안의 멀티 스레드 스레드 안의 공통영역은 코드, 데이터, 힙. 스레드 안의 스택 영역은 메모리 공유를 하지 않음. 1. 컴퓨터 구조 컴퓨터의 기본 구성요소 : 입력장치, 출력장치(I/O Devices) 중앙처리장치(CPU, Central Process Unit)...

Stack, Queue, Buffer

갈길은 먼데 봄이 먼저 왔네

Figma를 사용해 To-Do 애플리케이션의 프로토타입 만들기 (CRUD 기능 포함), React 컴포넌트 만들기 (Styled Compents 활용)

OAuth, 소셜 로그인

Hashing, Token, JWT

1. Cookie 1-1. Cookie 란? HTTP 프로토콜의 무상태성(Stateless)를 보완해주기위해, 서버가 클라이언트에 특정한 데이터를 저장하고 불러올 수 있는 수단. HTTP 프로토콜의 무상태성 : 서버가 아닌 클라이언트가 상태를 갖고 있어, 서버 확장성이 높은 장점이 있으나 클라이언트가 추가 데이터를 전송해야 하고 데이터가 Statef...

1. TCP/IP 개념학습: 네트워크의 탄생 배경을 살펴보고 패킷교환 방식을 이용한 IP 통신과 이를 보안하기 위한 TCP/UDP에 대해 학습합니다. 학습 목표 패킷교환 방식의 이점에 대해 이해한다. IP의 비순서성, 비신뢰성에 대해 이해한다. TCP의 3 way handshake 및 그와 비교되는 UDP에 대해 이해한다. 1-1. 네트워크의 시작 ...

웹 접근성, 웹 콘텐츠 접근성 지침, WAI-ARIA

웹표준, 크로스 브라우징(Cross Browsing), SEO, <meta>, og