본문 바로가기
반응형

전체 글136

프론트엔드 개발자 면접 질문(기술면접) 정리 신입 프론트엔드 개발자 취업과정부터 필요한 능력까지- Part1 취업과정(feat.주니어 개발자) sunnykim91.tistory.com/135 신입 프론트엔드 개발자 취업과정부터 필요한 능력까지- Part1 취업과정(feat.주니어 개발자) 안녕하세요. 사실 제 블로그에서 제일 인기있는 글이 프론트엔드 개발자 면접 정리 글이더군요. 많은 분들이 봐주셔서 정말 감사합니다. 현재 저는 조그만 스타트업에서 6개월 정도 프론트엔드 sunnykim91.tistory.com 신입 프론트엔드 개발자 취업과정부터 필요한 능력까지- Part2 프론트엔드 개발자 무얼하나?필요한 능력?(feat.주니어 개발자) sunnykim91.tistory.com/136 신입 프론트엔드 개발자 취업과정부터 필요한 능력까지- Part.. 2020. 1. 13.
2020년 1월 13일 수업 - GraphQL 2번째 import React, { useState, useEffect, useRef } from 'react'; // ver. 1 function Game() { console.log('1. load'); const [pick, setPick] = useState(''); const [myPick, setMyPick] = useState(''); const [winner, setWinner] = useState(''); const selRef = useRef(null); // ver. 2 const runGame = val => { const items = ['가위', '바위', '보']; const ranIdx = Math.floor(Math.random() * items.length); setPick(it.. 2020. 1. 13.
2019 1월 10일 수업(React가위바위보, GraphQL) React 가위바위보 게임 구현하기 Math.random은 안전하지 않은 난수발생 값이다. 그렇기 때문에 어떤 주요한 키값을 만들때 사용하는것은 권하지 않는다. 즉, 안정성이 필요하지 않은 난수발생을 위한 함수이다. 최저값~최대값 사이의 정수를 난수로 => 최저값 + Math.floor(Math.random() * (최고값 - 최저값) 0~2까지의 난수 발생 Math.floor(Math.random() * 2) // 0, 1, 2 중에 랜덤으로 나옴. redux는 type명을 대문자로 useReducer는 type명을 대문자 소문자 상관 없음 import React, { useState, useEffect, useRef, useReducer } from 'react'; const reducer = (st.. 2020. 1. 10.
CORS란? Cross Origin Resource Sharing 으로 서로 다른 도메인의 리소스 요청을 보내고 받기 위해서 웹프론트엔드에서 Request Header에 CORS 관련 옵션을 넣어준다. 서버에서는 Resoponse Header에 해당하는 프론트의 요청을 허용한다는 내용을 넣어주면 된다. 이 때 사실 HTTP요청을 2번 보내게된다. HTTP OPTION 을 통하여 먼저 요청(1)을 보내서 옵션을 서버에서 OK하게되면 이때 다시 get나 Post요청(2) 을 보내서 결과를 받아온다. 사실 라이브러리에서 해주긴 하지만, 잘 활용한다면 1) 특정 라우트만 CORS요청을 허용한다. 2) 특정 도메인에서 오는 요청만 허용한다. 가능해진다. 2020. 1. 9.
반응형

티스토리툴바