Clzzi님 글 목록 - mysetting

Clzzi

Front-End-Develop@대구 소프트웨어 고등학교 B1ND

Daegu

Joined on 2021년 05월 12일

3:25 5/23

velog.io

mobile screenshot relative

3:25

velog.io

mobile screenshot

Clzzi.log
https://velog.io/@jce1407

최고의 복지는 좋은 동료, 좋은 동료가 되기 :)

저작도구: velog

최종 피드 수집: 2024-10-26 14:47

전체 (15)

2y

Axios Interceptor에서 Hook을 사용하는 방법

안녕하세요, 이번 포스트에서는 제가 프로젝트를 진행하면서 Axios Interceptor에서 React Hook 및 Custom Hook을 사용하기 위해 고민했던 과정을 소개합니다.
Axios Interceptor에 대해 모르시는

000

2y

그룹바이 지원 그리고 인턴십 후기!

💡 그룹바이란?
그룹바이는 시리즈 A 이하의 초기 스타트업과 주니어 개발자가 함께 성장하는 과정을 만드는 스타트업을 위한 스타트업입니다.
저는 그룹바이의 인턴쉽 매칭 프로그램에 참여하여 스타트업 나비효과에 인턴으로 합격하였습니다

000

2y

2021.Clzzi.log

2021년도 1주일밖에 남지 않았기 때문에 고등학교 2학년이자 프론트엔드 개발자로써의 올해를 회고하고 되돌아보는 시간을 가져보자!
열심히 달려왔던 2021년
2021년은 제가 살아왔던 18년 중 가장 열심히 달렸던 해 같아요. B

2021_회고

1020

3y

Webpack을 공부해보았습니다.

예전부터 React로 프로젝트를 진행하면서 라이브러리를 다운받고 설정하는법 또는 개발을하다가 이상한 오류가 떠서 해결하려 구글링 하다 보면 항상 webpack이 거론되었습니다. 평소 CRA(Create-React-App)로 프로젝

000

3y

React 무한 스크롤 구현하기 with Intersection Observer

안녕하세요, 오늘은 Intersection Observer API를 이용해서 무한 스크롤을 만들어 볼거에요
무한 스크롤은 로드해야하는 게시글 목록이 많은 페이지에서 사용자의 편의성과 클라이언트의 부담을 덜어줄 수 있는 획기적인 아

001

3y

2021 DGSW 해커톤 회고록

DGSW는 대구 소프트웨어 마이스터 고등학교의 약자입니다.
저희 학교에서는 학기마다 1번, 교내 해커톤을 2일동안 진행합니다. 1학년과 2학년이 3명씩 팀을 이루어 진행합니다. 저는 프론트엔드 개발로 이번 2021 DGSW 해커

000

3y

React 유용한 URL Hooks

오늘은 URL 관련 유용한 Hooks 유틸 함수를 알아볼거에요
먼저 알아볼 함수는 2가지 인데요!
PathParam을 쉽게 구하는 함수 usePathParam
QueryString을 쉽게 구하는 함수 useQueryString
함

001

3y

Recoil 찍먹 - ToDoList 만들기!

📢 오늘은 React + Recoil + TypeScript 스택으로 ToDoList를 만들어 볼거에요!
만들기 전 제가만든 ToDoList의 파일구조는 이렇습니다!
📦 React + Recoil + Typescript (s

000

3y

Recoil 찍먹

Mobx는 어느정도 사용할줄 알게되어서 가장 악명높은 Redux 를 할려고 했었는데. . .
분명 좀 어렵겠지 했지만 공부하면 할수록 너무 어려워서 결국 Recoil 찍먹 결정! 😊
Recoil 뭘까?
Recoil은 페이스북에서

000

3y

타입스크립트 찍먹해보기4

Velopert 선생님의 강의를 보고 쓴 글입니다.
** Redux로 만들어보는 TodoList **
액션 타입 & 액션 생성함수 & 액션의 TS 타입 선언
** src/modules/todos.ts **
타입 및 초기 상태 선언

000

3y

타입스크립트 찍먹해보기3

Velopert 선생님의 강의를 보고 쓴 글입니다.
contextAPI를 이용한 TodoList는 건너뛰고 바로 Redux로 . . !
yarn을 이용해 redux 설치
React-Redux는 TS지원이 안되므로 따로 @types

000

3y

타입스크립트 찍먹해보기2

Velopert 선생님의 강의를 보고 만든것 입니다!
보고 쓴 코드들
import React from "react";
type GreetingsProps = {
name: string;
mark: string;
opti

000

3y

내가 볼려고 정리하는 사이트 목록

주기적으로 추가할 예정입니둥
디자인할때 유용한듯
UIGRADIENTS - 그라데이션 조합 보기
LOLCOLORS - 색 조합 보기
Open Color - 색 밝기 비교하면서 보기
Code - 맥북 같은 디자인의 코드

000

3y

타입스크립트 찍먹해보기

Velopert 선생님의 강의를 보고 만든것 입니다!
타입스크립트 초기설정
먼저 cmd를 켜서 아래와 같이 쳐줍시다. 쳐주고나면 리액트 타입스크립트 환경이 완성됩니다.
$ npx create-react-app [파일명] --te

000

3y

VELOG로 새롭게 출발하기 :)

💻 다시쓰는 기술블로그
원래는 네이버 블로그를 이용해 공부하고 있는 언어들을 간단하게 정리하거나, 학교생활에서 느낀 점등을 적었는데, 학교생활이나 시험 등에 밀려서 블로그를 잘하지 않게 되어 버렸어요
그래서 다시 쓸려니 뭔가 맘

000