전체 글 (64) 썸네일형 리스트형 TIL) React state, prop 사용(feat. memo, propTypes, css-module) #state 값 변경 // 두 가지 방식으로 state 값 변경해줄 수 있음. setCounter(cur => cur + 1) // setCounter의 첫 번째 argument는 state 값이다. setCounter(cur + 1) // 선언하지 않을 경우 자동으로 연산 #label-input 값 연결 label과 checkbox input 연결하여, label을 클릭하여도 체크가 실행되게 만들고 싶을 때, htmlFor 옵션을 통해 연결가능. label 대신에 image 등 다른 tag 요소도 사용가능 체크하기 #변화하는 input 값 event.target.value로 가져오기 const [minutes, setMinutes] = React.useState(); const onChange = (e.. TIL) 독립적 앱 실행환경 제공하는 Docker docker란? docker는 컨테이너 방식으로 애플리케이션을 포장하고 실행하기위한 툴이자 독립적인 어플리케이션 실행환경. 리눅스 컨테이너로 만들어짐. 라이브러리와 애플리케이션을 모아 컨테이너 방식으로 별도의 서버를 구성한 것 컨테이너란, docker라는 기술 위에서 실행될 수 있도록 만든 애플리케이션 상자 컨테이너 방식이란? 앱의 실행 환경을 격리하여 컨테이너에서 실행 중인 애플리케이션은 어떠한 의존성도 공유하지 않고, 각자 고유의 의존성을 포함함 컨테이너가 격리하는 것 프로세스 네트워크 파일 시스템 docker와 VM(Virtual Machine)의 차이 docker 장점 1. 의존성 충돌 문제 해결 2. 개발과 배포 환경 일치 3. 수평 확장의 용이 4. 업데이트 배포 용이 docker 작동과정 1.. TIL) 인증 중개 메커니즘: OAuth(feat. github을 사용한 Sprint review) OAuth란? 인증을 중개하는 메커니즘 이미 사용자 정보를 갖고있는 웹 서비스에서 사용자의 인증을 대신해주고, 접근 권한에 대한 토큰을 발급한 후 이를 이용해 내 서버에서 인증이 가능해짐. OAuth 인증의 흐름 앱 클라이언트에서 로그인 요청 -> 인증 서버에서 로그인하면 authorizationCode 발급 -> 해당 코드를 앱 서버에 전달 -> 앱 서버에서 해당 코드로 accessToken 발급 -> 발급된 토큰을 앱 서버는 클라이언트로 전달 *authorizationCode를 통해 앱 서버에서 로그인 id 등 유저 정보 함께 받아올 수 있음 OAuth 관련 용어 - resource owner: 액세스 중인 리소스의 유저 - client : 앱 - resource server: 클라이언트 요청 수락하.. 이전 1 ··· 11 12 13 14 15 16 17 ··· 22 다음
