전체 글

Q. 데이터 베이스는 왜 필요할까?A : 많은 양의 데이터를 효과적으로 저장/수정/사용하기 위해서는 데이터베이스가 필요. 1. 데이터 베이스의 기초 개념데이터를 잘 꺼내오기 위해서 쓰는 것. 여러 사람들이 같이 사용할 목적으로 데이터를 담는 통모든 데이터베이스는 CRUD에 해당하는 기능을 지원.C (Create): 데이터의 생성R (Read): 저장된 데이터를 읽기U (Update): 저장된 데이터를 변경D (Delete): 저장된 데이터를 삭제 2. SQL이란 무엇일까?Structured Query Language의 약자로, 데이터베이스에 요청 (Query)을 날려서 원하는 데이터를 가져오는 것을 도와주는 언어이다. 데이터를 읽어오는 과정인 "R (Read)"를 편하게 만들고, 데이터를 손쉽고 깔끔하게..

1. 스켈레톤 UI 란?어떤 화면에 딱 들어왔을때, 데이터가 채워지기 전에는 사용자에게 빈 화면이 보여질 수 있다.순간적으로 일어나는 일이지만, 빈 화면을 사용자에게 보여주는 건 사용자 경험을 떨어트리게 한다. 이 화면을 보게 되면 어떨까?데이터가 로딩중이라는 생각보다는사이트에 문제가 있다는 생각이 먼저 들것이다.  이럴때 빈 화면 대신 '데이터가 통신 중입니다~' 알려주는 대체화면으로Progress Indicator 를 사용한다. Progress Indicator는 시스템이 중단되거나 사용자 입력을 기다리고 있지 않음을 확인하기 위해 작업이 진행 중임을 사용자에게 알리기 위한 명령줄 인터페이스이다. 대강 말하면 지금은 화면에서 일하는 중이니잠시만 기다려봐~ 하는 용도이다.  사이트마다 특성에 맞게 적용..

구현 목표1. 계정 설정 페이지에서 연동하기 버튼 클릭시 새창을 열어 소셜 로그인을 진행2. 외부 사이트가 열리고 소셜 로그인에 성공하면 열린 새창에서 기존 도메인 주소로 리다이렉트3. window.close()를 이용하여 창 닫음4. 창이 닫히면서 기존에 '연동하기' 버튼이 '연동해제' 버튼으로 바뀌어야함 문제 상황연동하기 버튼은 계정 연동이 완료된 후에 연동해제 버튼으로 값이 바뀌어야함. 이 바뀐다는 기준은 state값으로 관리함. 그래서 리다이렉트된 주소에서 리코일을 이용해 state 값을 바꿔줌 (둘은 부모 자식 관계가 아니기에 props로 해결할 수 없음)연동해제일 경우에는, 기존 창에서 해제만 하기 때문에 상태값이 잘 바꿔짐. 하지만 연동하기 버튼은 새창을 열어서 상태값을 바꾸기 때문에 새창에..