Open in app

Sign In

Write

Sign In

Woohyun Jang
Woohyun Jang

77 Followers

Home

About

Aug 28, 2022

Migration to monorepo in Vercel

The monorepo is a software development strategy where code for many projects is stored in the same repository. It has some advantages like Ease of code reuse. Vercel supports monorepo deployment function. In this article, we’ll try to migrate our single project as monolithic architecture to monorepo & microservice architecture. Create a monolithic app …

Monorepo

4 min read

Migration to monorepo in Vercel
Migration to monorepo in Vercel
Monorepo

4 min read


Jul 16, 2022

Score up lighthouse

Performance Preload Largest Contentful Paint image In general, we are using image e lazy loading for rendering optimization. But if a critical image occupies a large area on the first rendered page, do not use lazy loading and preload it. It should be shown to users ASAP. Put this tag in the <head> tag. <link rel="preload"…

Lighthouse

3 min read

Score up lighthouse
Score up lighthouse
Lighthouse

3 min read


Jan 16, 2022

코드숨 리액트 6기 7주차 회고

이번 수업시간에는 로그인 기능을 구현해보고, 로그인한 토큰을 기반으로 새 글을 작성하는 기능을 구현했습니다. 먼저 로그인 기능 구현을 위해 email과 paassword를 받는 form을 구현하고 submit event가 발생하면 POST 요청을 통해 받은 access token을 store에 저장합니다. 이후 새 …

React

7 min read

코드숨 리액트 6기 7주차 회고
코드숨 리액트 6기 7주차 회고
React

7 min read


Jan 9, 2022

코드숨 리액트 6기 6주차 회고

6주차 수업 주제는 routing으로, react-router-dom을 사용하여 Client-Side-Rendering으로 routing 기능을 구현해보았습니다. routing path 페이지 별로 만든 Page component를 Route 컴포넌트로 uri path와 연결시켜주면 Link 컴포넌트를 사용하여 페이지간 이동이 가능합 …

Codesoom

4 min read

코드숨 리액트 6기 6주차 회고
코드숨 리액트 6기 6주차 회고
Codesoom

4 min read


Jan 2, 2022

코드숨 리액트 6기 5차 회고

redux를 통해 react 앱에서 비즈니스 로직을 관리하는 reducer들을 추출했던 지난 시간에 이어서 이번주에는 redux-thunk를 활용하여 redux에서 비동기 로직 역시 구현하는 시간을 가졌습니다:) redux-thunk redux-thunk를 middleware로 추가하면 기존에 action type과 payload를 …

Codesoom

5 min read

코드숨 리액트 6기 5차 회고
코드숨 리액트 6기 5차 회고
Codesoom

5 min read


Dec 27, 2021

코드숨 리액트 6기 4주차 회고

4주차 수업의 주제는 바로 Redux입니다. React에서 선언형 프로그래밍을 하기 위해 사용하는 ‘상태관리’라는 개념 중에서도 특히 전역상태를 효과적으로 관리하기 위해서 사용하는 라이브러리입니다. 마침 최근에 서비스의 규모가 커지고 복잡도가 올라가면 어떤 방식으로 상태를 관리하는것이 가장 좋을까에 대한 고민을 하고 …

Codesoom

3 min read

코드숨 리액트 6기 4주차 회고
코드숨 리액트 6기 4주차 회고
Codesoom

3 min read


Dec 19, 2021

코드숨 리액트 6기 3주차 회고

3주차 수업은 드디어 기다리던 테스트 코드 작성이었습니다. 사실 처음에는 강의를 들었음에도 불구하고 테스트 코드를 어느 파일에 어느 내용을 어떤식으로 작성해야 하는지 막막한 느낌이 강했던 것 같습니다. 우선은 강의 내용을 참고해서 최대한 유사한 구조를 가져가려고 노력하며 첫 pr을 작성했고 이후 리뷰를 받으면서 …

Codesoom

3 min read

코드숨 리액트 6기 3주차 회고
코드숨 리액트 6기 3주차 회고
Codesoom

3 min read


Dec 12, 2021

코드숨 리액트 6기 2주차 회고

둘째주에는 첫째주에 배웠던 JSX문법과 선언형 프로그래밍에 대한 지식을 기반으로 본격적으로 React 라이브러리를 설치하고 React component들로 이루어진 앱 개발을 실습했습니다. 먼저 과제를 시작할 때는 다음과 같은 부분을 주로 고민하면서 개발에 임했습니다. Custom hook 아직 테스트 코드에 대한 …

Codesoom

3 min read

코드숨 리액트 6기 2주차 회고
코드숨 리액트 6기 2주차 회고
Codesoom

3 min read


Dec 4, 2021

코드숨 리액트 6기 1주차 회고

코드숨 리액트 과정의 첫번째 주제는 바로 JSX입니다. 사실 JSX는 리액트 공부를 시작하면 처음에 배우게 되는 내용이고 HTML 문법과 크게 다르지 않기 때문에 가볍게 훑고 넘어가면서도 지금까지 잘 사용해왔다고 생각해왔는데 이번에 강의를 들으면서 지금까지 수박 겉핥기 식으로 사용해 왔었구나 생각이 들었고 정말 재미있게 강의를 들었습니다:) 처음에는 JSX문법을 사용하지 않는 환경에서 Document객체의 createElement 함수를 사용하여 웹 개발을 해보고, 이후에는 custom createElement 함수를 점차 JSX 문법 구조와 유사한 구조로 개선해나아가는 과정을 실습해갔습니다. 평소에도 궁금했지만 자세히 찾아보지는 않았던 JSX의 동작 원리에 대해 이해할 수 있었습니다. 이후 두가지 과제에서는 이벤트 발생에 따라 데이터를 업데이트하고 변경된 데이터를 기반으로 동적으로 렌더링하는 웹앱을 만들고, 트레이너님의 리뷰를 받으며 코드를 개선해나아갔습니다.

Codesoom

2 min read

코드숨 리액트 6기 1주차 회고
코드숨 리액트 6기 1주차 회고
Codesoom

2 min read


Published in JavaScript in Plain English

·Jul 10, 2021

A Better Way to Optimize Data Fetching

cached-fetch optimizes your app’s data fetching, whatever your app platform is — If you have developed React app, you probably heard of ‘SWR’. SWR caches fetched data. So the app calls the same fetch, cached data is returned without network communication. But it only works React hooks. If you want to use SWR, you must call the ‘useSWR’ API. …

JavaScript

3 min read

A Better Way to Optimize Data Fetching
A Better Way to Optimize Data Fetching
JavaScript

3 min read

Woohyun Jang

Woohyun Jang

77 Followers

woohyun

Following
  • David Rodenas, Ph. D.

    David Rodenas, Ph. D.

  • Sunil Sandhu

    Sunil Sandhu

  • Hwansoo Kim

    Hwansoo Kim

  • Ferenc Almasi

    Ferenc Almasi

  • 강진우

    강진우

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech