타이핑효과를 구현해보자 (feat. Typed에서는 사람처럼 타이핑을 어떻게 만들까?)
들어가며최근 회사에서 육성관련 키우기 게임을 맡게되어 작업하는 도중 캐릭터가 말하는 듯한 UI 관련 요구사항이 있었습니다 관련하여 프로토타이핑 작업과정 부터 typed라이브러리를...
javaScript
2025-03-11미니게임 (Up&Down) 개발 후기 (feat. 스토리북의 개발생산성)
들어가면서저희팀은 평소 스토리북 중심의 개발을 하고있습니다 이러한 스토리북 중심의 개발은 처음에는 어색하였으나 현재는 스토리북을 통한 개발이 훨씬 많은 개발 생산성을 주고 있습...
React
2024-09-262024 토스 slash 컨퍼런스 후기 (FE)
정말 오래간만의 오프라인 컨퍼런스오프라인 컨퍼런스의 경우 19년도의 FEConf 이후 처음으로 참석하였습니다 그간 코로나 여파로 오프라인 컨퍼런스는 전부 온라인으로 대체되었고 오...
etc
2024-09-2024년 react 소식 ( React 컴파일러, useFormStatus, useFormState, useOptimistic ...)
이번에 올라온 react 업데이트 소식에 꽤나 재미있는 내용들이 몇개 보여서 이에 대해 간단하게 공유하고자 가져왔습니다
React
2024-03-02지극히 개인적인 개발자로서 성장하기 위한 방법에 대한 단계별 방법
들어가면서최근들어 개발자로서의 성장 에 대해 지금의 나는 어디까지 성장한거지?? 앞으로는 어떤식으로 성장할 수 있을까? 에 대한 고민을 하던중 나는 개발에 대한 커리어를 성장시키...
etc
2024-01-21조금 늦은.. FE개발자의 2022 회고
인사말마지막 작성일인 2108 월 이후 거진 1년 반만에 글을 쓰게 되었습니다 이직후 정신없이 달려오다 이번 회고를 기점으로 다시 블로그를 시작해보려고 합니다 또한 이번 회고글 ...
etc
2023-01-04react-router v6에서는 어떤것들이 변했을까??
reactrouter v6에서 바뀐점 알아보기reactrouter 는 react 에서 브라우저 라우팅을 관리하기 위해 사용하는 라이브러리로 react 를 통한 작업시 밥과 김...
React
2021-03-27React 에서 배열컴포넌트 사용시 key 에 배열의 index는 가급적 사용하지 말자.!!
React 에서의 keykey는 React가 어떤 항목을 변경 추가 또는 삭제할지 식별하는 것을 도와줍니다 key는 엘리먼트 or 컴포넌트에 안정적인 고유성을 부여하기 위해 배열...
React
2021-03-21react의 새로운 상태관리 라이브러리 recoil 에 대해 알아보기 - atom, selector
recoil 새로운 react 상태관리 라이브러리recoil은 2020년 5월 React EU 컨퍼런스에서 발표된 React 의 새로운 전역상태 관리 라이브러리 이며 다음과 같...
React
2021-01-03webpack5 에서는 어떤것들이 변경되었을까?? (webpack5 변경점 살펴보기)
이번에는 20년 10월에 드디어 릴리즈를 거친 webpack5의 몇가지 변경점에 대해 알아보려 합니다 이글에서는 모든 변화에 대해서는 다루지 않고 일부에 대하여 다루고 있습니다 기...
etc
2020-12-26es2021(es12) 에서 추가된 것 살펴보기
이번에는 새로 추가된 es2021 es12에서 적용된 기능들에 대해 몇가지를 살펴보려 합니다 해당 기능들은 전부 크롬 v8 엔진에는 적용되어서 바로 사용하실 수 있습니다 이번에 알...
javaScript
2020-12-01자바스크립트에서 비동기 네트워크 호출 취소하기 (AbortController, axios cancellation)
비동기 통신 취소 하기프론트 영역에서 비동기 통신은 보통 성공 or 실패를 반환하게 됩니다 물론 비즈니스 로직을 통해서 네트워크를 무시하고 취소상태로 할수는 있으나 실제 네트워크...
javaScript
2020-11-22redux-toolkit 을 사용해 redux 작성 하기 (createAction, createReducer, createSlice, createAsyncThunk)
reduxtoolkitreduxtoolkit 은 redux 에서 공식적으로 지원하는 redux 개발 도구 입니다 reduxtoolkit은 기존 redux를 사용할때 다음과 같은 ...
React
2020-06-08vue 3 에서 vuex4.0 를 체험해보기.. 어떻게 변했을까?
개요이번에는 vue 3x 알파버전을 체험하면서 vuex 4버전의 알파버전이 나와 앞으로 변경될 vuex 가 어떤지 체험하며 변경점을 살펴보려 합니다이번에 사용된 코드는 다음 gi...
vue
2020-04-17vue composition api 살펴보기
개요vue 의 3x 버전 릴리즈가 코앞에 다가오고 있습니다 이번에는 vue 3x 버전의 큰 변화점중 한개인 compositionapi 에 대해 알아도록 하겠습니다 composit...
vue
2020-03-10React - class컴포넌트와 function 컴포넌트의 차이점에 대해 알아보자.
개요훅이 도입되며 function component의 사용은 상태가 없는 컴포넌트에 주로 사용되었으나 훅이 나오며 function component 에도 상태가 추가되고 이제 새...
React
2020-02-14React 에서 useSelector 최적화 하는 3가지 방법.
useSelector란?useSelector 는 리덕스의 상태값을 조회하기 위한 hook 함수로 이전의 connect 를 통해 상태값을 조회하는 것보다 훨씬 간결하게 작성하고 코...
React
2020-02-02styled-components로 다크모드(darkMode) 만들기
이번 포스팅에서는 styledcomponents 를 사용하여 간편하고 코드의 변화량이 거의 없이 다음과 같이 darkMode를 추가하는 작업을 진행하도록 하겠습니다 ThemePro...
React
2020-01-19babel-plugin-styled-components 을 사용해 styled-components 의 디버그를 편하게 하기
styledcomponents란?styledcomponents 는 기존의 css scss 와 같이 외부 스타일 파일이 필요없이 js 파일 안에서 스타일까지 한번에 작성이 가능한...
React
2020-01-06react + redux-saga + typescript 를 통한 프로젝트 구성과 컴포넌트 작성 가이드.
개요이번에 react reduxsaga typeScript 의 조합으로 프로젝트 의 구성 및 컴포넌트 작성 규칙을 작성하며 개인적으로 생각하는 깔금한 프로젝트 구성과 컴포넌트...
React
2019-12-22