Category: TIL

2020
0
TILReact

React 스터디 13

React Study 13 JWT 기밀성, 무결성 이란? JWT 사용하기 JWT 생성 JWT 검증 (토큰 내부의 값을 확인할 수 잇다.) key 설정하기 JWT 디코드 그 외 추가 기술 : nonce 로그인 구현하기 user 커포넘트 만들기 api 추가하기 api 전체코드 쿠키 Set 설정 및 API 설정 쿠키 Get 설정 - 커스텀

0
TILReact-Preview

input 상태 관리하기

React with Velopert - 06 - input 상태 관리하기 예제 : input 박스 입력 및 초기화 버튼 만들기 App.js InputSample.js Chap 6. input 상태 관리하기input 상태 관리하기 이번에는 리액트에서 사용자가 입력 할 수 있는 input 태그의 상태를 관리하는 방법을 알아보자. 예제 :

0
TILReact-Preview

조건부 렌더링

React with Velopert - 04 - 조건부 렌더링 예제 App.js Hello.js React에서 연산자의 쓰임처 Hello.js props 값 설정을 생략하면 ={true} App.js Chap 4. 조건부 렌더링조건부 렌더링 조건을 이용하여 렌더링 결과를 결정할 수 있다. 예제App.js / Hello.js 2가지

2019
0
TILAlgorithm & Quiz

daily_algorithm63

큰 수 만들기문제 설명어떤 숫자에서 k개의 수를 제거했을 때 얻을 수 있는 가장 큰 숫자를 구하려 합니다. 예를 들어, 숫자 1924에서 수 두 개를 제거하면 [19, 12, 14, 92, 94, 24] 를 만들 수 있습니다. 이 중 가장 큰 숫자는 94 입니다. 문자열 형식으로 숫자 number와 제거할 수의 개수 k가 solution 함수의 매개변수

0
TILReact

React 스터디 12

React Study 12 예제 : 로그인 기능 만들기 새로운 프로젝트 생성 백엔드 추가 lib폴더 생성하고 Axios API 작성 해주기 SignUp 코드 작성 - input 유효성 검사하기 SignIn 코드 작성 - 쿠키 이용하기 쿠키 로컬스토리지 쿠키 vs 로컬스토리지 세션 토큰 기반 인증 방식 (JWT) 용어 - ( 러버덕 ) 쿠키

0
TILReact

React 스터디 11

React Study 11 React Hook 무한 루프 : setCount를 바로 하지 않는 이유 Hook 상태 업데이트 해보기 Hook 상태 업데이트 : 기본 Hook 상태 업데이트 : 리듀서 React 최적화 (useMemo, useCallback) useMemo , React.memo useCallback useMemo vs useCallba

0
TILAlgorithm & Quiz

daily_algorithm62

최대공약수와 최소공배수문제 설명두 수를 입력받아 두 수의 최대공약수와 최소공배수를 반환하는 함수, solution을 완성해 보세요. 배열의 맨 앞에 최대공약수, 그다음 최소공배수를 넣어 반환하면 됩니다. 예를 들어 두 수 3, 12의 최대공약수는 3, 최소공배수는 12이므로 solution(3, 12)는 [3, 12]를 반환해야 합니다. 제한 사항 두

0
TILReact

React 스터디 10

React Study 10 객체의 접근 방법 YouTube 프로젝트 변경점 좋아요, 싫어요 기능 추가 댓글 추가 / 삭제 기능 추가 Stale closure problem 결과를 변경하기 위한 해결점 1 : 함수를 만들고 함수로 호출 결과를 변경하기 위한 해결점 2 : 즉시실행함수를 사용한다. React Hook useState useEffect

0
TILReact

React 스터디 09

React Study 09 여러 데이터를 담을 변수의 타입 결정 : 객체 선언 vs 배열 선언 defaultValue와 Value YouTube 프로젝트 변경점 <SearchBar> 태그 URL로 쿼리를 변경하는 방식으로 바꾸기. ComponentDidUpdate 설정 getYoutubeData 함수 → 클래스필드 변수로 변경 getYo