TIL(2020)

Today I Learn... 시간복잡도 각 자료구조별 시간복잡도 분석

Today I Learn... Prototype Understanding Prototype Understanding Prototype Chain Data Structure Implements Data Structure in inheritance pattern

Today I Learn... web architecture 브라우저 클라이언트 서버 데이터베이스 HTTP prototype 정리 모든 함수 객체의 prototype 객체는 Function.prototype 모든 객체는 Object를 상속 프로토타입 체인 image.png prototype? constructor? ...

Today I Learn... 에어비엔비 클론코딩(html/css) 상속 패턴 및 ES6 class 이용 Toy problem 01-02

Today I Learn... N Queens 알고리즘 (재귀,트리,백트레킹) Toy problem 03-04 Hiring Assessments 준비

Today I Learn... Class Inheritance 오버라이딩(Overriding) 상위 클래스가 가지고 있는 메소드를 하위 클래스가 재정의하여 사용하는 방식으로, 다형성(polymorphism)의 한 종류이다. super super()는 부모 클래스를 참조(Reference)할 때, 또는 부모 클래스의 constructor...

Today I Learn... Browser HTTP Server API Ajax Fetch Toy Problem 05 (bubble sort)

Today I Learn... Ajax : 비동기적으로 클라이언트와 서버간에 필요한 부분의 데이터만을 주고받는 기술 CORS : Cross-Origin Resource Sharing. 도메인 또는 포트가 다른 서버의 자원을 요청하는 매커니즘 XSS : 악의적인 사용자가 공격하려는 사이트에 스크립트를 넣는 기법 CSRF : 사용자가 원하지 않는 ac...

Today I Learn... caching module.exports vs exports Express, Middleware, Router Refactoring Toy Problem 08-09

Today I Learn... 페어프로그래밍 서버 배운 것 정리 + α 1. Node js (server) Route handler 콜백은 `next('route')`를 호출하여 나머지 라우트 콜백을 우회할 수도 있다. 이러한 메커니즘을 이용하면 라우트에 대한 사전 조건을 지정한 후, 현재의 라우트를 계속할 이유가 없는 경우에는 제어를 후...

Today I Learn... 서버에서 JSON 메소드 사용 >`JSON.parse()` : parse 메소드는 string 객체를 json 객체로 변환시켜줍니다. > >`JSON.stringify()` : stringify 메소드는 json 객체를 String 객

Today I Learn... 리액트 가짜 데이터를 이용한 component, props, state 개념 이해 Youtube API를 사용해보기 Toy Problems 11-12

Today I Learn... Youtube API를 이용한 간단한 웹어플리케이션 ( + 검색기능, 관련영상 리스트 구현) git push origin +master => 강제로 푸쉬하기(데이터 손실 가능성이 있다)

Today I Learn... React Todo-List 구조 설계 및 컴포넌트 만들기

Today I Learn... 리액트 서버에서 데이터를 받아온 뒤에 랜더링 시킬 때에는 받아온 데이터를 뿌려주는 단계에서는 데이터가 보이지 않을 것이니 조건문으로 데이터를 가져온다는 내용으로 우선 랜더링 시킨 후, 그 다음 compnentDidMount 에서 그 부분을 setState형식으로 설정해주어 새로 랜더링 되게 해준다. 컴포넌트에서 pro...

Today I Learn... 비동기 처리 프로세스 util.promisify() callback promise async/awiat 레퍼런스 util https://nodejs.org/dist/latest-v8.x/docs/api/util.html#utilutilpromisify_original request https://ww...

Today I Learn... Node를 이용한 크롤링

deployawshttps://medium.com/@heizence6626/aws-%EC%9D%98-%EA%B8%B0%EB%B3%B8-%EC%84%9C%EB%B9%84%EC%8A%A4-s3-ec2-rdb%EC%97%90-%EB%8C%80%ED%95%98%EC%

Today I Learn... 리덕스 액션 상태에 어떠한 변화가 필요하게 될 때, 우리는 액션이란 것을 발생시킨다. 이는 하나의 객체로 `type` 필드를 필수적으로 가지고 있어야 한다. 리듀서 변화를 일으키는 함수. 현재의 상태(`state)와 전달 받

리덕스 기본 흐름App.js 에서 컴포넌트들을 정의한다.index.js 에서 스토어를 만들어준다.액션타입, 액션함수를 정의한다.리듀서를 정의한다. 액션들을 임포트하고 초기값 설정해준다. => 스위치문으로 행동 분기, 디폴트리듀서를 스토어에 넣어준다.react-redu

Today I Learn... 앱 상으로는 api가 제대로 작동하지 않는 듯 하다. 앱 상으로는 메터리얼 유아이가 느리게 작동한다. => 릴리즈버전에서는 그렇지 않다고함 (노상관) 웹 상으로 api를 사용했을 때, 주소를 클릭하면 값을 넘겨받을 수는 있으나 ui상

프론트 코드 합치고 머지하기 => 서버코드도 댕겨와서실험해봐야한다!api 연동받아올 데이터나 상태코드 분기 회원가입 후로그인 후로그인 시 jwt 방식 도입하기 !!앱에서도 행정구역 api가 잘 작동하는가..?코드 모듈화 & 리펙토링 => api 연동 부분, 요청 분기

DB에 한글이 들어갈 수 있는 테이블들은 한글 설정(시퀄라이즈로 서버를 열 때 테이블 생성 => 자동)2 API 수정axios 사용분기처리를 다하면 앱으로 실행해야 하는데 실행 속도가 매우 느리다...4번까지 해결이 된다면 머지 후 jwt에 대해서 의논해봐야 될듯css

이력서 작성스스로 부족한 부분을 개인 프로젝트를 만들어 보면서 보완해보자. 1일 1커밋을 목표로 매일2~3시간은 꼭 개발을 하자.개발을 하고 계속 하고 싶다는 확신을 보여주자.어제보다 오늘 더 성장했다는 마인드 셋점과 개성을 보여줄 수 있도록 나만의 스토리를 잘 표현해

환경에 대한 이해는 기본이다. 더 Deep하게 공부하자.왜 개발자가 되고 싶고, 왜 그 포지션에 지원하게 되었는지 설명하자.내가 더 매력적이라는 것을 어필 할 수 있도록 의지를 보여주자.어떻게 적용을 하였는지 등 고민한 흔적을 드러내라. 워딩에 신경을 쓰자.이력서에 쓴

PostgreSQL : 검색 사이트에서의 검색 빈도를 보면 MySQL의 추세가 지속적으로 줄어들고 있고 전체적으로 PostgreSQL의 추이는 거의 변동이 없는 것으로 보이나 국내에서는 2010년 중반 이후 지속적인 증가 추세를 보이고 있다.Heroku : 헤로쿠는 웹

이미지업로드 & multer

에러핸들링 로그

TIL & Error handling

정규표현식으로 해시태그만 필터하기

Node.js 에서 인증을 위한 미들웨어.JWT 인증 방식과 어떠한 점이 다른지 언제 어떤 것을 사용해야할까..?passport-local : 이름과 비밀번호를 이용해서 쿠키-세션으로 인증하는 passport Strategycors설정에서 { credentials: t

팔로우 & 언팔로우 기능 구현 및 프로필

SSR

offset vs limit & 쿼리스트링

react-helmet

styled-components

최적화

최적화

EC2

aws ec2

aws

AWS R3를 이용해서 도메인 연결 (무료도메인 사이트인 freenom으로 도메인 구함)

React & React-hooks

redux

https://www.npmjs.com/package/radium

styled-component는 스타일을 가진 컴포넌트를 만들 수 있도록 도와주는 CSS-in-JS 라이브러리.

PR

TIL