프로덕트

아티클

전체 보기
백동열

백동열

이번에는 두 가지의 병렬 프로세스인 Promise와 Web Worker에 대해서 생각을 해보다가 Web Worker가 정확히 무엇을 하는 것인 지 궁금하여 알아보았습니다.

처음 개념을 학습하는 과정에서는 "어? 이거 이렇게 좋은데 왜 그동안 잘 안써왔던 것 같지?" 라는 질문이 나왔지만 점점 조사를 하면 할 수록 그 이유를 알아갈 수 있었던 좋은 시간이었습니다.

그래도 어떤 상황에서 사용하면 좋을 지 알았고, 현재 진행중인 렌더링이 최적화가 매우 중요한 프로젝트에 이걸 사용하면 어떤 효과를 가져올 지 궁금해지기도 해서 더 깊게 알아보았던 것 같습니다.

https://time-map-installer.tistory.com/256

4
0
백동열

백동열

[Dev Setting, Mariadb/Mysql] local DB 설치과정 중 NIMBY 현상 발생

말 그대로 입니다. 로컬 환경이 DB를 거부하였습니다.

한 달 동안 조금씩 해결해보다가 이대로는 안되겠다 싶어서 작정하고 문서화 하면서 만들어 보았습니다.

결국은 최후의 방법을 통해 해결하긴 했습니다만 뭔가 아쉽다는 느낌이 계속 남아있긴 합니다.

후에 다른 분들이나 제가 이런 오류가 다시 발생했을 때 이 글을 보고

해결하지 못하는 슬픔을 조금이나마 덜어내는 데 도움을 주고 싶었습니다.


뭔가 항상 개발의 영역이 아닌 세팅에서 너무 오랜 시간을 소모한다는 느낌이 들기는 하지만

이렇게 된 이상 나중에 도움이 되는 부분이 있을 것이다 라고 생각하려고 해요.


해결을 위해 도움주신 모든 분들께 감사드립니다.


url thumbnail

[Dev Setting, Mariadb/Mysql] local DB 설치과정 중 NIMBY 현상 발생

2023 Series [ 2023 ] CheckPoint, 2023년 2023년 동안 작성했던 의미있다고 생각하는 포스팅들을 모아 둔 게시글입니다 이 글은 2023년이 끝날 때까지 계속해서 업데이트 해 나갈 예정입니다 [ January ] - 변화의 시작, 1월 더보기 [2022WinterBoo time-map-installer.tistory.com 문제 정의 - 왜 내 local 환경은 DB를 거부하는가 local 환경: M1, MacBook-PRO 설치 환경: homebrew Terminal: oh-my-zsh, iTerm2 문제: mysql이나 mariadb 설치오류 이전까지 약 한 달 가량 문제 지속, 프론트엔드 엔지니어링에 DB가 많이 필요한 건 아니라서 문제가 없었지만 학교 프로젝트에서 로컬 ..

https://time-map-installer.tistory.com/238


2
0
백동열

백동열

[React] useEffect 쓰지 마세요?

프론트엔드에서 개발을 하고 리팩토링을 진행하다보니 전에 그냥 보면서 웃고 넘겼던 주제가 있었습니다.

"리액트에서 만들어놓은 Hook인 useEffect를 리액트에서 권장하지 않습니다."

이 말을 듣고 그때는 뭐 이런게 다 있지? 하고 지나갔지만

이제 어느정도 코드기반을 쌓아두고 리팩토링 요소를 찾다보니 이 부분이 갑자기 궁금해졌습니다.

그러한 궁금증을 어느 정도 해소할 수 있던 좋은 경험이었습니다.


url thumbnail

[React] useEffect 쓰지 마세요?

React는 페이스북에서 개발한 강력한 프론트엔드 라이브러리 입니다. 상당히 많은 부분에서 useEffect 훅을 이용하여 개발을 진행하는데, React에서는 useEffect를 지양하고 있다고 합니다. 이번 글에서는 useEffect 훅을 지양하는 이유가 무엇인지, 그리고 연관되어있는 개념인 Side Effect 관리에 대해 알아보겠습니다. 1. Side Effect란 무엇인가? Side Effect는 컴포넌트 외부에 영향을 미치는 작업을 의미합니다. 예를 들어보면 데이터 가져오기, 네트워크 요청, 로컬 스토리지 접근 등이 여기에 해당됩니다. React 컴포넌트는 Side Effect 관리를 위해서 useEffect 훅을 제공합니다. 2. 불필요한 Side Effect로 인한 성능 저하 useEffec..

https://time-map-installer.tistory.com/227


url thumbnail

[React] useMemo 쓰지 마세요?

최근 useEffect 대응방안에서 useMemo를 사용해서 개선하는 방향과 관련된 글을 쓰다가 생각난 건데, 어떤 글에서 useMemo를 쓰지 말라는 주제로 글이 있던 것이 생각났습니다. 그래서 이참에 이것도 알아보기로 하였죠. 왜 useMemo를 쓰면 안 되는 건지, 그전에 useMemo는 무엇인지부터 알아보고 가도록 하겠습니다. 이전 글 보고오기 [React] 왜 React에서는 useEffect의 사용을 추천하지 않을까? - Side Effect 관리 React는 페이스북에서 개발한 강력한 프론트엔드 라이브러리 입니다. 상당히 많은 부분에서 useEffect 훅을 이용하여 개발을 진행하는데, React에서는 useEffect를 지양하고 있다고 합니다. 이번 글에서 time-map-installer..

https://time-map-installer.tistory.com/228


4
0
백동열

백동열

[Nest.js, Swagger] 간단한 게시판 서버 만들기 - 1편

간단한 게시판 서버를 만들어 보았습니다.

Swagger도 적용시켜 보았습니다.

처음 해보는 백엔드지만 그래도 잘 돌아가는 모습을 보니 재밌었습니다.

이 맛에 백엔드를 하는걸까요?

단순하게 TypeScript에 대해 더 깊게 알고 알고리즘을 익혀 코딩테스트에 도움이 되고자 시작했던 이 활동에서 백엔드에 대한 알게 된 신기한 결론이 나왔네요.

물론 아직 DeepDive라는 카테고리라는 이름처럼 깊게 파 본 것은 아니지만, 이 분야도 점점 깊게 파고들어가다보면 그 특유의 매력과 재미를 찾을 수 있을 것이라 생각합니다


url thumbnail

[Nest.js, Swagger]간단한 게시판 서버 만들기 - 1편

우선, 이 파트는 메인 분야가 아니므로 천천히 업데이트될 예정임을 알립니다. 갑자기 이러는 데 이유가 있을 꺼 아니에요.. 그동안 프론트엔드의 길을 잘 걷고 있다가 문득 든 생각이 있습니다. "백엔드에 대해 어느 정도 알고 있으면 협업이 더 잘 되지 않을까?" 맞습니다. 요즘에는 프론트엔드에서도 백엔드의 구조를 어느 정도 알고 있어야 하는 시대입니다. 그리고 백엔드도 할 줄 알면 더 좋다는 건 다른 사람들도 알고 있는 사실이죠. 물론 가장 근본적인 이유는 이 타입스크립트를 이용해 백엔드 코드까지 직접 작성하다 보면 코딩테스트 준비에도 많은 도움이 될 것이라고 생각해서이기도 합니다. 그럼, Nest.js의 세계에서 백엔드와 TypeScript라는 두마리의 토끼를 함께 잡으려고 하는 글을 이제 시작하겠습니다..

https://time-map-installer.tistory.com/221


7
2

포스트

아직 포스트가 없습니다.