imgyuzzzang

블로그에 일상을 쓰는게 너무 낯설고 이상하지만 tmi 마구 갈겨보겠다 오늘 출근 길에 ✨미니 건조기✨를 드디어 샀다 얏홍 얼른 와 🤍🫶🏻🎀😽 역대급으로 피곤한 오전을 보내고 거의 졸면서 점심을 먹기^^,,, 수면실 딱대 오후는 내내 회의여서 그래도 정신이 들었다. 꽤 오래 미뤄오며 진행 중이던 플젝이 베타 배포를 앞두고 있어서 떨린다 빨리 나왔으면 ~!~ 그래도 스프린트가 지나면서 CS 당번은 끝났다 ! 해방감 장난 아니고 기념으로 여섯시 칼퇴 갈겨 눈누 😇 끝나고는 또 동재 만났다^^ 판교에 매일 출근하는 친구는 동재 뿐,, 동재는 길에서 맨날 춤추는 부끄러운 친구지만 동재랑 데뷔하면 내가 비주얼 센터 할 수 있으니까 참고있다 오늘은 같이 하입보이 추다가 왜 안무 다 날려먹냐고 혼쭐났다,,참내 웃겨 진..

nest js 설치 npm i -g @nestjs/cli nest new {dir_name} nest js 기본 구조 src main.ts 어플리케이션 생성(root) = 기존 node의 index.js port 설정 app.module 진입점 controller,providers 등록되어있음. main에서는 app.module을 import app.controller end point, 각자 service의 method 호출, client request에 대한 응답 전송. @Get() 에는 (”/”) 가 생략되어있음: domain/ 접속 시 controller의 getHello 호출 app.service의 getHello 호출 app.service db와 연결 참고 eslintrc.js 타입스크립트 쓰..

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..