코딩공부(129)
-
리액트 심화반 2주차(2)
토큰 기반 인증 [옛날 이야기 - 세션 기반 인증] 예전에는 사용자의 로그인 상태를 서버가 전부 가지고 있었어요. 서버의 세션에 사용자 정보를 넣고 이 사람이 로그인을 했다 안했다를 전부 기록하고 기억했습니다. 이 세션은 서버의 메모리나 데이터베이스 등에 저장해두는데, 로그인한 사용자가 많아지면 서버에 부하가 많이 오겠죠? 그렇다고 서버를 여러개 놓자니 관리가 까다로워지고요. → 그래서 최근에는 오늘 배울 토큰 기반 인증 방법을 많이 사용해요! OAuth2.0 외부서비스의 인증 및 권한부여를 관리하는 프레임워크입니다! → Open Authentication, Open Authorization라고 해요. (인증과 허가를 포함해요!) OAuth 동작 방식 (간단 ver.) 클라이언트와 서버 사이에 인증(로그..
2022.02.07 -
항해99 Week3 회고
주특기 심화인 이번주는 진짜.. 넘넘 힘들다.. 리액트 기초주차보다 힘든주가 없을거라고 생각했는데 슬슬 체력도 떨어지고 컨디션조절을 더 잘해야겠다는 생각이 든다. 마음이 자꾸만 조급해지는데 내가 할 수 있는 선 안에서 최선을 다하겠다는 생각만 가지고 너무 스트레스 받지 말아야겠다ㅠㅠ 아무 생각없이 그냥 공부하자!! WIL(What I LEARNED) - 라이프사이클(클래스형 vs 함수형) https://velog.io/@beanlove97/class%ED%98%95-react-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8%EC%9D%98-LifeCycle class형 react 컴포넌트의 LifeCycle class 형태의 react 컴포넌트에서만 사용가능한 라이프사이클 메서드 vel..
2022.02.06 -
리액트 심화반 2주차(1)
Promise 자바스크립트는 싱글 쓰레드로 동작하는 언어입니다. (메인 쓰레드 하나와 콜스택 하나로 구성되어 있어요!) 그리고 비동기 작업을 동시에 할 수 있어요. 오잉?🤢 1번에 1개의 작업만 할 수 있는데, 어떻게 동시 실행을 할까요? → 자바스크립트는 코어 엔진만 가지고 돌아가지 않아요! 실행환경(런타임)의 도움을 받아 동시 실행을 합니다. (WebAPI(dom, ajax, setTimeout...), Task Queue, Event Loop 등과 함께 동작합니다.) 콜백이란? 콜백은 자바스크립트가 비동기 처리를 하기 위한 패턴 중 하나입니다! 전통적인 콜백 패턴은 일명 콜백 헬로 불리는 엄청난 중첩 문제가 생기기 쉽습니다. e.g) 콜백 헬 꼬리에 꼬리를 무는 비동기 처리가 늘어나면 호출이 계속 ..
2022.02.05 -
리액트 심화반 1주차
기획서 쪼개기 프로토 타입 툴 제플린, XD, 피그마 등등.. https://www.figma.com/file/5GhEvvI68oIM7xOm6p3mIO/%EC%9D%B4%EB%AF%B8%EC%A7%80-%EC%BB%A4%EB%AE%A4%EB%8B%88%ED%8B%B0?node-id=4%3A185 Figma Created with Figma www.figma.com 컴포넌트 쪼개기 뷰 기준으로 나누기(생긴거 기준, 어떤게 반복된다..라던지) 버튼 하나하나 나누기 큰거에서 작은거로, 작은거에서 큰거로 등등 사람마다 다 다르다! 많이 하다보면 자기만의 방법이 생긴다 자기한테 제일 좋은 방법으로 쓰자
2022.02.05 -
리액트 기초반 4주차
keyframes keyframes는 styled-components안에 이미 들어있습니다! 웹에서 애니메이션을 구현할때는 transition과 animation이라는 스타일 속성을 많이 사용합니다. transition은 단순한 엘리먼트 상태변화에 쓰기 좋고, animation은 다이나믹한 효과를 주는데 쓰기 좋아요! Keyframes은 animation에서 사용하는 속성 중 하나랍니다! transition : 일정한 크기로 요소를 크게해줌 animation : 어느정도 크기까지 일정하게 커지다가 확 커짐 애니메이션 속도 조절하는 것이 바로 keyframes 애니메이션의 속성, 규칙 움직이는 동그라미 만들기 import React from 'react'; import './App.css'; // styl..
2022.02.03 -
[한권으로 읽는 컴퓨터 구조와 프로그래밍] 인터럽트, 상대 주소 지정
인터럽트 등장 배경 어떤 작업이 진행되는데 중간에 꼭 확인해야 하는 이벤트가 발생한다면? - 작업을 다 끝내고 이벤트를 처리한다? 늦어서 더이상 이벤트를 처리할 수 없는 상태가 됨 - 폴링 방식을 사용한다? 폴링 : 정해진 시간 또는 순번에 상태를 확인해서 상태변화가 있는지 없는지를 체크하는 방식 본 작업보다 간섭 처리 작업에 더 시간이 오래 걸릴 수 있다. -> 소프트웨어적으로 해결할 수 있는 방법은 소스 군데군데 상태를 체크할 수 있도록 코딩을 해야하는것;;. 프로그램의 구조를 잘 배치한다? 한계가 있음 실행중인 프로그램을 잠깐 중단시켜서 주의를 기울어야 하는 외부의 요소에 대응할 수 있게 만들 방법으로 새로운 하드웨어 장치가 필요 => 인터럽트!! 인터럽트 시스템의 구조 적절한 신호가 들어오면 CP..
2022.02.02