profile
Developer & PhotoGrapher
태그 목록
전체보기 (101)boj(21)nodejs(17)React(10)JavaScript(7)CSS(6)RE(5)Flex(2)express(2)C(2)html(2)SOPT(2)CSS flex(2)notion(2)Token(2)훗카이도(2)aws(2)hackathon(2)rds(2)styled components(2)ImgSlider(1)SOPKATHON(1)tag(1)crypto(1)React.memo(1)천마총(1)인증(1)ec2 https(1)비구조화 할당(1)cors(1)web(1)동기/비동기(1)promise(1)싱글 스레드(1)git 사용법(1)npm(1)ImageSlider(1)비식별관계(1)git commit(1)dialog(1)git push(1)JSON.stringify(1)List(1)CRA(1)동굴과월지(1)삿포로(1)git status(1)S3(1)react개념(1)git revert(1)CloneCording(1)Proxy(1)react router dom(1)구조분해 문법(1)세션(1)쿠키(1)JSON.parse(1)multer(1)lifecycle(1)git remote(1)ssl(1)Commit Convention(1)시간복잡도(1)이메일인증(1)정보처리기사(1)git commit 취소(1)CSS - position(1)공간복잡도(1)useEffect(1)RealDOM(1)javavscript(1)MDN(1)태종대(1)px(1)for ~ in(1)react dialog(1)js(1)git add 취소(1)letsencrypt(1)model(1)git rm(1)webpack(1)atoi(1)reducer(1)...연산자(1)git flow(1)refresh_token(1)git checkout(1)action(1)2020정보처리기사(1)정보처리기사 실기(1)ec2(1)git log(1)react-thunk(1)velopert(1)https(1)Route(1)REST API(1)JWT(1)토큰(1)stl(1)const(1)let(1)var(1)위도(1)정보처리기사 필기(1)filter(1)api명세서(1)foreach(1)식별관계(1)정보처리기사 개편(1)async/await(1)git merge(1)BFS(1)생활코딩(1)영도 공모전(1)flow(1)Spread연산자(1)useMemo(1)setInterval(1)VirtualDOM(1)경도(1)mysql(1)거리구하기(1)git branch(1)useCallback(1)erd(1)reduce(1)accesstoken(1)CSR(1)SSR(1)splice(1)stoi(1)node js(1)화살표 함수(1)git reset(1)transition(1)restapi(1)재귀(1)css : hover(1)rem(1)VS(1)workbench(1)github(1)x100f(1)오타루(1)JSX(1)helmet(1)slice(1)경주(1)babel(1)Database(1)W3C(1)Map(1)DFS(1)npx(1)postman(1)후지필름 x100f(1)origin(1)ES6(1)grid(1)부산 영도(1)em(1)algorithm(1)react todolist(1)for ~ of(1)JavaScript 비동기(1)Controller(1)express-generator(1)contextAPI(1)git clone(1)upstream(1)git add(1)git사용법(1)
post-thumbnail

NodeJs - Access / Refresh Token ?

Token에는    1) Access Token(접근을 위한 용도)   2) Refresh Token(Access Token이 만료되었을 때 갱신하는 용도)2가지가 있다(ref :https://dunkey2615.tistory.com/119)말 그대로 Acce

2020년 12월 13일
·
0개의 댓글
post-thumbnail

NodeJS - Token 저장 위치의 고찰

1\. Client가 로그인에 성공하면 Server에서 Token을 발행해서 Response !      (HTTP Response 메시지의 Body에 담아서 )2\. Client는 받은 Token을 저장해둔다3\. 인증이 필요한 Request가 있을 때 서버에 받은

2020년 12월 13일
·
0개의 댓글
post-thumbnail

NodeJs - 이메일 인증 (nodemailer)

: Node.js에서 사용하는 이메일 전송 라이브러리Emoji를 포함한 Unicode를 지원Plain text는 물론이고, HTML content를 사용SMTP 를 포함한 다양한 전송 방식을 지원OAuth2 인증방식을 지원그 외 자세한 정보는 공식 사이트 (https&

2020년 12월 12일
·
0개의 댓글
post-thumbnail

NodeJS - (보안)helmet ?

Express.js 사용시 HTTP 헤더 설정을 자동으로 바꾸어주어 잘 알려진 몇가지 보안 이슈로부터 보호해주는 패키지 csp : Content-Security-Policy 헤더 설정 /             XSS(Cross-site scripting) 공격 및 기타

2020년 12월 12일
·
0개의 댓글
post-thumbnail

NodeJS - 거리구하기(위도 / 경도)

위도(latitude) / 경도(longitude)를 이용해서 실제 거리를 구하는 공식필요한 변수는 2 쌍의 위도(latitude) / 경도(longitude) 값dist가 2,000 --> 2km를 의미1\. Android / IOS에서 카카오 지도 API를 통해 현

2020년 12월 12일
·
0개의 댓글
post-thumbnail

NodeJS - DB 관련 정리

: Entity Relationship Diagram의 약자로 개체관계도라고 부름요구분석사항을 그림으로 그려 관계를 도출한 그림 Entity / Relationship / Attribute로 구성서비스에서 ERD는 시스템의 Database구조를 보여준다실제 프로젝트를

2020년 12월 12일
·
0개의 댓글
post-thumbnail

NodeJS - API명세서

Front Developer과 공유하기 위한 API의 세부적인 정보를 담는 자료(API 문서는 누가 봐도 이해할 수 있어야 하고 , 명확하며 직관적이어야 한다)Github WIKI / 스프레드시트 / Notion / postman api / swagger 등등 사용 가

2020년 12월 11일
·
0개의 댓글
post-thumbnail

NodeJS - EC2 접속(.ssh/config) / 배포(scp, pm2)

EC2 접속 > 보통 ssh를 사용하는 EC2에 접속 방법은 2가지가 있다 (ssh config방법 매우 강추) > 1) sudo ssh –i ‘{myPemKeyName}.pem’ ubuntu@{EIP}     1. pem키가 있

2020년 12월 11일
·
0개의 댓글
post-thumbnail

NodeJS - EC2 인스턴스 생성 / 배포

AWS(Amazone Web Service)에서 제공하는 클라우드 컴퓨팅 서비스즉 , AWS로부터 하나의 컴퓨터를 임대하는 것으로 볼 수 있다초기 비용 없음: 쉽게 자원을 임대하여 OS를 설치하고, 쓴 만큼 나오는 종량제 과금 방식자유로운 인스턴스 변경: 설정에서 자

2020년 12월 11일
·
0개의 댓글
post-thumbnail

NodeJS - S3 연결하기 (multer)

1) 필요한 모듈 설치     1\. multer     2\. multer-s3     3\. aws-sdk2) /config/s3.json 작성3) /modules/multer.js 작성4) route에 적용! (미들웨어 적용)본격적인 NodeJS프로젝트와 S3를

2020년 12월 11일
·
0개의 댓글
post-thumbnail

NodeJS - S3 생성 / 권한 설정

Simple Storage Service의 약자로 파일 서버의 역할을 하는 AWS의 클라우드 서비스(보통 이미지, 그 외 Resource를 주고 / 받을 때 사용) 쉽게말하면, 구글 드라이브 / 네이버 클라우드처럼 스토리지 역할을 하지만 HTTP를 지원해서우리가 get

2020년 12월 11일
·
0개의 댓글
post-thumbnail

NodeJS - JWT Token 사용하기

JSON Web Token의 약자로, 각 객체 사이에서 속성 정보 (Claim)을JSON 데이터 구조로 표현하고 암호화를 통해 정보를 전달하는 Token의 대표!가볍고 자가 수용적 (self-contained)HTTP header / URI 파라미터를 이용해 전달 가능

2020년 12월 10일
·
0개의 댓글
post-thumbnail

NodeJS - 인증(쿠키, 세션, 토큰)

: 모바일 / 웹 서비스에 대부분 사용하는 HTTP는 무상태 프로토콜이다       \--> 즉, 통신 이후에 어떠한 연결도 남지 않는다결과적으로, 사용자는 각각의 HTTP통신에 자신을 알릴 수 있는 정보를 주어야 한다이 때, '자신을 알릴 수 있는 정보'의 역할을 하

2020년 12월 10일
·
0개의 댓글
post-thumbnail

NodeJs - Express와 RDS연결

1) .gitignore 작성     : /config는 git에 올라가면 안됨 (RDS정보 유출시 과금될 수 있음)2) /config/database.js 작성     : RDS에 접근하기 위한 인스턴스 정보가 존재3) /modules/pool.js 작성     :

2020년 12월 10일
·
0개의 댓글
post-thumbnail

NodeJS - RDS(AWS)생성 / MySQL Workbench 연결

RDS란 AWS에서 제공하는 Relational Database Service 여러가지 인스턴스를 제공한다 (메모리 / 성능 등)프리티어 계정의 인스턴스는 db.t2.micro프리티어 사용 시 1달동안 750시간 까지 무료이기에 계속 켜놔도 무방 (24\*31 =744

2020년 12월 10일
·
0개의 댓글
post-thumbnail

NodeJS - 로직 분리(routes / models / controllers)

(/routes/post.js) : routes에서 들어오는 api요청에 대해서 라우팅을 하면서 동시에 비즈니스 로직을 작성했음      \--> 가독성 저하 + 유지보수 비 용이           \--> 비즈니스 로직을 처리하는 controller를 만들어 분리

2020년 12월 10일
·
0개의 댓글
post-thumbnail

NodeJS - crypto(단방향 암호화)

암호화(Encryption) : 평문 -> 암호문 변환복호화(Decryption) : 암호문 -> 평문 변환양방향 암호화개인키 암호화 : 암호화 키 == 복호화 키Stream : 문자열 길이의 Stream을 생성해 bit단위로 암호화Block : 하나의 블럭 단위로 암

2020년 12월 10일
·
0개의 댓글
post-thumbnail

NodeJS - REST API

Representational State Transfer 의 약어자원을 이름(자원의 표현)으로 구분하여 해당 자원의 상태(정보)를  주고 받는 모든 것을 의미웹에서 통신을 위해 사용되는 아키텍처전송 관련 상태를 표현하는 구조 구성 1) 자원(Resource) - URI

2020년 12월 9일
·
0개의 댓글
post-thumbnail

NodeJS - Postman

: 개발한 API를 테스트하고, 테스트 결과를 공유하여 API 개발의 생산성을 높여주는 도구   (설치 : https://www.postman.com/pricing )서버 개발시 사용자의 Request를 대신하여 만들어 주는 도구Front developer와

2020년 12월 9일
·
0개의 댓글
post-thumbnail

NodeJS - Express란?

: JavaScript를 실행시키는 런타임 환경 /   NodeJS 전에는 JS 런타임이 Browser밖에 없었다     \-> NodeJS의 등장으로 JS의 사용범위가 Backend까지 확장! 프로그래밍 언어 / 프레임워크가 아니다!! Single-Thread

2020년 12월 9일
·
0개의 댓글