공부 기록일지📚

📚Day3 우선 세션의 정의에 대해서 알아보는 시간을 가졌다. 실체가 있는 것과 실체가 없는 추상적인 개념(e.g. 질감)에 빗대어 이해하기 쉽게 설명해주신다. 세션은 정확히 어떤 개념이다 라고 정의내리긴 어렵고 문맥상 "사용자의 로그인 이후 로그아웃 혹은 로그인 만료까지의 기간" 으로 통한다. 정확히 우리가 말하는 "로그인 할 때, 세션을 활용해요." 에서 세션이란 정확히는 세션 방식 로그인을 말한다. 세션 방식 로그인이란 사용자 로그인이 유효한 시간 동안 서버에 세션 아이디를 기록해 두고 인증에 사용하는 방식을 말한다. 보통 내가 알고 있던 세션 방식 로그인이란 서버에 세션아이디를 저장해두는 방식으로 진행되는데, 그래서 어떻게 하는 건지는 정확히 알 수 없었다. JWT처럼 엑세스 토큰이나 리프레쉬 토..

해당 포스팅은 맨 요즘 IT의 [역사로 알아보는 CSS가 어려워진 이유]를 기반으로 요약 정리되어 있습니다. 선택자(Selector)와 선언(Declarations) 둘을 합쳐서 CSS Ruleset 이라고 부른다. strong { color: red; text-decoration: underline } CSS Rule이 가지고 있는 고유의 명시도(specificity)에 따라서 우선순위가 다르게 적용을 할 수 있도록 설계되어 있다. 아래는 명시도에 관한 내용이다. https://css-tricks.com/a-specificity-battle/ A Specificity Battle! (and other trickery) | CSS-Tricks The following is a guest adventure..

📚Day1 로그인의 개념에 대해서 짚어보는 시간을 가졌다. 서비스 관점에서 로그인의 정의를 생각해보면 된다. 인가, 인증, 권한 부여 1. 로그인 구현 중 "백엔드"가 하는 것 사용자 식별 접근 및 동작 제어 2. 로그인 구현 시 "프론트"가 고려해야 할 것 권한이 없는 자원에 접근하지 않는 구조 만들기(e.g. 고객에게 음식점 사장님의 페이지와 데이터가 보여지면 안된다.) 만약 버튼을 안보이게 했더라도 권한이 없는 사용자가 url을 통해 접근하려고 한다면, 권한이 없는 자원의 존재를 모르도록 한다(404page를 보여주는 등) 2-1. FE 최소한의 구현 요구사항 로그인 페이지 로그인 인증관련 데이터 관리 로그인 상태에 따른 화면/ 기능 제어 로그아웃 강의 중간에 실습을 하는 시간을 20분정도 갖게 되..

class(클래스)? : 객체를 만들기 위한 프로퍼티와 메서드가 명시된 청사진 이 청사진에 기반한 객체들을 인스턴스화할 수 있다. 엄밀히 말하자면 JS는 실제로 클래스를 지원하지 않는다.(JS에 이미 존재하는 프로토타입 기반 상속자들을 구문적으로 눈속임한 syntatical sugar이다.) -> 진정한 OOP는 지원하지 않음 프로토타입 기반 상속자 혹은 프로토타이핑으로 불리는 무엇인가를 이용하는 것 new 키워드를 통해 생성되거나 인스턴스화 된다. 생성자 함수는 클래스가 인스턴스화 할 때 동작하는 특별한 함수이다. 클래스를 왜 배워야할까🤔? 앞으로 수 많은 자료 구조들을 클래스(ES2015최신 문법)로 구현할 것이기 때문이다. 1. class syntax (문법) class Student { const..

Typescript에서 useRef를 사용할 때에는 용도에 따라서 타입지정이 달라지게 되는데 크게 두 가지로 나눌 수 있다. 1. 값 저장 용도 (current 객체 자체를 수정하기 위함) : useRef를 로컬 변수 용도로 사용하는 경우이다. 제네릭: 값의 타입을 넣어준다. 초기값: 타입에 맞는 초기값을 할당해준다. const count = useRef(0); const text = useRef("") 2. DOM 취득 용도 제네릭: 참조하는 HTML 엘리먼트를 넣어준다. 초기값: null을 넣어준다. // DOM button 참조: 제네릭으로 html엘리먼트(button) 설정. 초기값은 null로 설정 const buttonRef = useRef(null); // DOM input 참조 : 제네릭으..