JS 7

[Kotlin] CompletableDeferred의 개념과 활용

Promise가 그리울때 이벤트 기반으로 통신하는 프로토콜을 구현중에, JS의 Promise나 Dart의 Completer와 비슷한 역할을 하는 Kotlin 친구가 없을까하다 찾게되었다. 완벽한 대체재다! CompletableDeferred는 public function을 이용해 완료하거나 취소할 수 있는 Deferred이다. 이를 활용하면 내가 원하는 시점까지 기다렸다가 값을 받을 수 있다. 그럼 SuspendableCoroutine이랑 뭐가 다르냐? 라는 생각이 들 수 있다. SuspentableCoroutine은 해당 블록 안에서만 complete/cancel을 제어할 수 있지만, CompletableDeferred는 그런 제약이 없다. CompletableDeferred : Functions ab..

[Next.js] styled-components를 Client side 렌더링 이전에 적용시키기 (덜그덕 방지, Typescript)

styled-components를 이용하여 스타일링하고 Next.js 앱을 켜면 처음에 CSS가 완전히 로딩되지 않은 듯한 모습이 보이게 되는데, 흉한 맨얼굴이 그대로 드러나니 사용자 경험이 꽤 나쁘다. 이것은 스타일이 Client side에서 적용되고 있기 때문이다. 이를 해결하기 위해서는 커스텀 Document를 만들고, ServerStyleSheet를 이용해서 컴포넌트의 모든 스타일을 서버 사이드에서 적용될 수 있도록 바꾸어야한다. babel-plugin-styled-components 설치 먼저 babel-plugin-styled-components를 설치한다. yarn add babel-plugin-styled-components .babelrc에서 SSR를 사용하도록 설정 .babelrc에는 ..

(5) RESTful API 활용하기 - 웹편

글 목차(1) Node.js로 RESTful API 만들기 - POST편(2) Node.js로 RESTful API 만들기 - GET편(3) Node.js로 RESTful API 만들기 - PUT편(4) Node.js로 RESTful API 만들기 - DELETE편현재글 >> (5) RESTful API 활용하기 - 웹편(6) RESTful API 활용하기 - 안드로이드 앱편 (작성중) 이제 앞선 강의에서 만든 API 서버를 가지고 웹에서 요청을 날려볼 것이다.그러면 우선 웹을 만들어야 한다. 보통은 html을 만들지만, 이 강의에서는 쉽고 빠르게 작성하기 위해 pug 뷰 엔진을 사용하도록 하겠다. 프로젝트가 있는 경로에서 아래 명령어를 이용해 pug를 설치하자.npm install pug app.js그..

(4) Node.js로 RESTful API 만들기 - DELETE편

글 목차(1) Node.js로 RESTful API 만들기 - POST편(2) Node.js로 RESTful API 만들기 - GET편(3) Node.js로 RESTful API 만들기 - PUT편현재글 >> (4) Node.js로 RESTful API 만들기 - DELETE편(5) RESTful API 활용하기 - 웹편 (작성중)(6) RESTful API 활용하기 - 안드로이드 앱편 (작성중) * 프로젝트 세팅 과정은 (1) Node.js로 RESTful API 만들기 - POST편 을 참고하세요! DB Table: myGamesDB 상태는 저번 시간 그대로다. 이번 예제에서는 이 테이블에서 5번 title인 메이플스토리를 지워보는 시간을 갖도록 하겠다. ./routes/index.js라인은 많지만 ..

(3) Node.js로 RESTful API 만들기 - PUT편

글 목차(1) Node.js로 RESTful API 만들기 - POST편(2) Node.js로 RESTful API 만들기 - GET편현재글 >> (3) Node.js로 RESTful API 만들기 - PUT편(4) Node.js로 RESTful API 만들기 - DELETE편(5) RESTful API 활용하기 - 웹편 (작성중)(6) RESTful API 활용하기 - 안드로이드 앱편 (작성중) * 프로젝트 세팅 과정은 (1) Node.js로 RESTful API 만들기 - POST편 을 참고하세요! 이제 PUT이다! myGames 테이블 상태는 대략 이러한데,2번 title인 gta를 grand theft auto로 바꿔보는 실습을 해 보겠다. ./routes/index.js이제 코드가 조금 길어졌다..

(1) Node.js로 RESTful API 만들기 - POST편

글 목차현재글 >> (1) Node.js로 RESTful API 만들기 - POST편(2) Node.js로 RESTful API 만들기 - GET편(3) Node.js로 RESTful API 만들기 - PUT편(4) Node.js로 RESTful API 만들기 - DELETE편(5) RESTful API 활용하기 - 웹편 (작성중)(6) RESTful API 활용하기 - 안드로이드 앱편 (작성중)RESTful API에 관하여Node.js를 세팅하는 과정은 복잡하므로 생략!시작하기에 앞서서, 간단하게 REST에서 사용하는 메서드 4가지에 대해서 소개하겠다. POST: 생성 (create)GET: 조회 (select)PUT: 수정 (update)DELETE: 삭제 (delete) CRUD에 해당되는 것이 저..