일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
- 판교브루클린
- 리팩터링2판
- BOJ
- nextjs
- getInitialProps
- access token
- 브루트포스
- NextImageSpan
- resource owner
- NeXT
- 마이크로태스크큐
- resource server
- 브라우저동작원리
- 매크로태스크큐
- Next이미지
- backend
- nestjs
- prevProps
- 이벤트루프
- NextImage
- CSS
- componentDidUpdate
- 콜스택
- 브라우저동작
- 개발도서추천
- flexible box
- react
- 자바스크립트런타임
- getServerSideProps
- 자바스크립트엔진
- Today
- Total
목록computer science (13)
imgyuzzzang
2. 스택 & 큐 stack push: list.append(item) pop: list.pop(-1) peek: list[-1] 문제를 만났을 때 스택을 써야하는 것을 어떻게 파악할 수 있을까..? 오늘 공부한 파이썬 문법 리스트 마지막 원소 접근 시 -1 인덱스 사용 가능. js의 at(-1)과 같은 듯. listA = listB 는 참조 복사. (얕은 복사라고도 하는 듯 왜 얕은이지..?) listA = listB[:] 이게 값 복사, 깊은 복사 ord(char) ascii 코드 값 얻기 / chr(asciiCode) 아스키코드(number)에서 char로 변환 do-while 구문이 없다..! 삼항연산자: a = b if b > 0 else c == a = b > 0 ? b : c 리스트 초기화,..
자주 변하는 state와 props. state나 props의 종류가 많아지는데도 componentDidUpdate를 남용하면 매 렌더링마다 호출되기 때문에 성능에 영향을 줄 수 있다. loading과 같은 자주 변하지만, 매번 전 상태와 비교해주어야 하는 변수에 대해 조건부 렌더링을 하기 위한 방법이 이미 있었다!!! 일반적으로 이전 props와 차이 여부를 확인하고 state를 세팅하고자 할 때 prev 매개변수를 쓴다 코드를 바로 보자. class TestPrevProps extends React.Component{ componentDidUpdate(prevProps) { const { loading: prevLoading, name: prevName } = prevProps; const { loa..
React.js: List의 map 함수를 사용하여 렌더링할 때, key prop을 추가해야한다. render(){ let list = this.state.fileList ? this.state.fileList.map(file => {file.dest}) : "" return( {list} ) } 예를 들어 다음과 같이 fileList의 element를 이용하여 return값을 띄우려고 할 때, 기존에 알고 있던 map 사용하듯이 Array.map(element => {element.name}) 이 아닌, element의 고유 식별 값이 list의 각 element에 key값으로 포함되어야함. 위 예시를 다음과 같이 바꾸어 쓴다. Array.map(element => {element.name}) 즉, 코..

OAuth ** 본 포스팅은 생활코딩 OAuth 수업을 정리한 내용입니다. https://opentutorials.org/course/3405 WEB2 - OAuth 2.0 - 생활코딩 수업소개 사용자가 가입된 서비스의 API에 접근하기 위해서는 사용자로부터 권한을 위임 받아야 합니다. 이 때 사용자의 패스워드 없이도 권한을 위임 받을 수 있는 방법이 필요합니다. 이를 위 opentutorials.org OAuth? 패스워드 없이! 구글, 페이스북과 같은 서비스의 API에 접근가능 => 내가 만든 서비스에서 사용 가능. access token을 받아와서 권한을 위임 받음 1. 등록 (new app/project) Client ID (외부 노출 ok) Client Secret (노출 절대 x) Author..
자주 헷갈리는 배치(container, grid, width, height, margin, padding) 정리 container container: 너비 고정 (양 옆 여백 존재), 화면 크기에 따라 max-width 바뀜. container-fluid: width는 항상 100% 고정 (여백 x) grid col-(sm/md/lg/xl)-(offset)-(1~12) 한 row의 전체 넓이는 12로 둠. sm : 576px 이상의 스크린 (모바일) md : 768px 이상의 스크린 (태블릿) lg : 992px 이상의 스크린 (작은 데스크탑) xl : 1200px 이상의 스크린 (큰 데스크탑) offset: 좌측에 offset-숫자 만큼의 여백(margin) width & height w-(%): wi..
풀이과정 두 점 (x1, y1), (x2,y2) 에 대하여 벡터는 (x1-x2, y1-y2) 또는 (x2-x1, y2-y1)을 만들 수 있다. 1번과 같은 방식으로 네 점에 대하여 생성가능한 합벡터는 (+x1-x2-x3+x4, +y1-y2-y3+y4), (+x1-x2+x3-x4, +y1-y2+y3-y4), (+x1+x2-x3-x4, +y1+y2-y3-y4)과 이 세가지 벡터에 -를 붙인 벡터이다. → 6가지 몇가지 경우를 하다 보면 +와 -의 조합 문제임을 알 수 있다. 즉, 서로 다른 N(짝수)개의 점에 대하여 생성 가능한 벡터를 nC(n/2)의 조합으로 선택하여 +를 붙이고, 나머지 n/2개의 벡터에 -를 붙여 더하면 생성 가능한 합벡터를 전부 확인 가능하다 예를 들어 N=4 일때 4C2 : 0011..