백동열

백동열님의 아티클

백동열

백동열

이번에는 두 가지의 병렬 프로세스인 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
백동열

백동열

[문득 떠오른 건데] 밥먹고 졸릴때 리팩토링 요소를 탐색하면 잠이 깰까? - 2편

식곤증에 잠이 올 때마다 조금씩 작성해 두었던 두 번째 글이 완성되었습니다!

이번에는 리팩토링 요소를 탐색하고 어떤 폴더구조를 선택하는 것이 좋은 지에 대해 알아보는 그런 작업을 주로 한 것 같네요

생각보다 코드를 작성하는 시간보다 중간중간 나오는 요소들에 대해 궁금한 점이 많아져서 이를 알아보는 분량이 더 많아지는 것 같은데, 이것들도 도움이 되니 나쁘진 않다고 생각하고 있습니다


요즘 깊게 파고 들 만한 요소들을 탐색하고 있는데,

좋은 주제들을 탐색해서 이 프로젝트에 합치는 것을 목표하고 있습니다.

이번 시리즈도 성공적으로 끝냈으면 좋겠습니다.


url thumbnail

[문득 떠오른 건데] 밥먹고 졸릴때 리팩토링 요소를 탐색하면 잠이 깰까? - 2편

2023 Series [ 2023 ] CheckPoint, 2023년 2023년동안 작성했던 회고록들을 모아 둔 게시글이다 2023년 동안 작성한 회고들을 계속해서 업데이트 해 나갈 예정이다 [ January ] - 변화의 시작, 1월 더보기 [2022WinterBootcamp] 0~1주차 회고 개발자가 time-map-installer.tistory.com 1편에서는 무슨 일이 있었을까? 일찍 학교에 와서 아침을 먹으며 여러 생각을 했다. 맛있는 샐러드와 주먹밥을 먹으며 "동적 컴포넌트를 만들면 잠이 깰까?"라는 의문이 떠올랐다. 그래서 동적 컴포넌트와 정적 컴포넌트의 차이에 대해 생각해 보았고, 리액트에서도 동적인 사이트와 정적인 사이트가 있다는 것을 알게 되었다. 내가 이것에 대해 깊이 생각하게 된..

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


3
0
백동열

백동열

[Project : HQRoutine] 테커인의 낮, 즐거웠던 POC 중간발표의 날

최근 4월 30일 테커인의 낮 행사에 다녀온 후 발표했던 내용을 공유하고자 글을 작성했습니다. 글을 올리는 지금(5월 11일)을 생각해보면 시간이 꽤 지난 것 같기도 하네요.


이 글에는 행사에서 발표했던 프로젝트와 관련된 내용을 담았습니다.

POC까지 무사히 마쳤는데 그 이후의 목표가 무엇인들 못해낼까요?

마지막까지 원하는 목표를 완수해 낼 수 있으면 좋겠습니다.


url thumbnail

[Project : HQRoutine] 테커인의 낮, 즐거웠던 POC 중간발표의 날

2023 Series [ 2023 ] CheckPoint, 2023년 2023년 동안 작성했던 의미있다고 생각하는 포스팅들을 모아 둔 게시글입니다 이 글은 2023년이 끝날 때까지 계속해서 업데이트 해 나갈 예정입니다 [ January ] - 변화의 시작, 1월 더보기 [2022WinterBoo time-map-installer.tistory.com 들어가며 프로젝트의 첫 번째 분기점인 POC 단계가 모두 끝난 이후에 약 60여 명의 네트워킹 시간을 통해 진행상황을 공유하는 행사를 진행했습니다. "테커인의 낮"이라는 이름의 이 행사를 통해 그동안 비대면으로만 봐 왔던 팀원분들과 다른 여러 개발자분들, 그리고 여러 스타트업과 기업에서 대표로 방문해 주신 분들을 만나 뵈었고, 그분들과 함께 이야기를 하며 더..

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


3
1
백동열

백동열

1
0
백동열

백동열

[Folder Structure] Hooks? Utils? 차이점이 뭘까?

이번에는 프로젝트 코드를 리팩토링하다가 갑자기 궁금해진 부분이 있어 작성해 본 글입니다!

이런 식으로 궁금한 점이 있을 때마다 찾아보니 생각보다 재밌던 것 같습니다

항상 큰 틀에서부터 학습을 시작하다보니 하다가 막히는 부분을 세세한 부분을 학습하면서 해결하는 그런 재미가 있는 것 같습니다!


url thumbnail

[Folder Structure] Hooks? Utils? 차이점이 뭘까?

프로젝트 개발을 하던 중에 함수를 따로 모듈화 하던 중 갑자기 궁금해 진 것이 있었습니다. "이렇게 특정 기능을 재사용하거나 관리하기 쉽게 따로 모듈화를 하는 건 좋은데, 어느 폴더에 넣어야 하지?" 이미 어느 정도 초기에 폴더 구조를 나눠 두었지만 utils와 hooks의 차이점이 분명 존재했음에도 자세하게 알지 못해 잠시 갈피를 잡지 못하고 있었던 것 같았습니다 그렇다면 저는 왜 이 둘을 헷갈렸을까요? utils와 hooks 폴더의 구분이 애매해질 수 있는 이유는 다음과 같습니다. 함수의 역할이 겹치는 경우: 때로는 함수가 React 컴포넌트에서만 사용되는 로직을 포함하지만 동시에 일반 JavaScript 함수의 특성도 가질 수 있습니다. 이런 경우에는 어디에 배치할지 결정하기 어려울 수 있습니다. ..

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


2
0
백동열

백동열

[문득 떠오른 건데] 밥먹고 졸릴때 동적 컴포넌트를 만들면 잠이 깰까? - 1편

이번 주에는 문득 좋은 생각이 떠올라서 미니 사이드 프로젝트를 진행해 본 주였습니다

밥먹고 동기들과 이야기를 하던 중 이런 이야기가 있었습니다

"요즘 밥만 먹으면 너무 졸린 것 같지 않아?"

실제로도 있는 증상인 식곤증에 대한 이야기였는데요,

어떻게 생각이 연결된 지는 모르겠지만 갑자기 문득

"밥먹고 움직이면 안졸리던데, 동적 컴포넌트를 만든다면 어떨까?"

에 대한 생각이 강하게 떠올라서 진행 해보았습니다

스토리와 함께보는 Next.js, React, TypeScript 컴포넌트 만들어보기 프로젝트에 대한 글이니 프론트엔드에 관심이 있으시다면 한 번 들러보시는 건 어떠신가요?


그렇게 길지 않은 글이니 잠시 들려 재밌게 읽어주신다면 감사하겠습니다!


+ 후편에서는 이번 편에서 만든 프로젝트에서 리팩토링 요소를 찾아서 더 개선시켜 볼 예정입니다!


+ 정기적으로 진행되던 글은 폐기되었습니다. 후에 글 작성 방향성을 재정립하고 새로운 글과 함께 돌아오도록 하겠습니다


url thumbnail

[문득 떠오른 건데] 밥먹고 졸릴때 동적 컴포넌트를 만들면 잠이 깰까? - 1편

학교에 일찍 와서 아침을 먹으며 여러 생각을 하던 날이었다. 아침으로 맛있는 샐러드와 주먹밥을 먹으며 갑자기 떠오른 의문, "동적 컴포넌트를 만들면 잠이 깰까?" 사람들 중에 밥을 먹고 식곤증이 와서 많이 졸려하는 사람들이 있다 나도 그 사람들 중 한 사람이지만 동적인 활동을 하면 잠이 깨는 편이었다 "어? 그러고 보니 리액트에도 동적인 사이트와 정적인 사이트가 있는데?" 분명 헛소리라는 것을 알고 있음에도 그냥 강렬하게 내 머릿속을 강타하는 하나의 아이디어였다 일단 다른 걸 다 제쳐두고 재밌겠다는 생각이 드는 순간, 나는 "당장 하자"라는 결론이 지어진 것을 깨달았고, 이 글을 작성하기 시작했다 우선, 들어가기 전에 여기에 나온 용어, 정적 컴포넌트와 동적 컴포넌트는 무엇일까? 정적 컴포넌트, 동적 컴..

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


8
2
백동열

백동열

[Project : HQRoutine] 6차 스프린트 회고

이번 주는 4월 치고는 유독 추웠던 한 주가 아니었나 싶습니다

시험기간도 오고 프로젝트 POC 기간도 다가오고 점점 바빠지고 있는 요즘, 한 가지 특이점이 발생하고 있는데 저는 그걸 활용하고 있습니다

시험기간의 특징이 무엇 일까요? 바로 시험 빼고 모든 것들이 다 재밌다는 것입니다

그래서 그런지 프로젝트 개발이 평소보다 더 재밌게 느껴지는 것 같습니다

아무튼 이제 곧 시험날이 다가오는데, 다들 좋은 결과가 있기를 바랍니다

url thumbnail

[Project : HQRoutine] 6차 스프린트 회고

2023 Series [ 2023 ] CheckPoint, 2023년 2023년동안 작성했던 회고록들을 모아 둔 게시글이다 2023년 동안 작성한 회고들을 계속해서 업데이트 해 나갈 예정이다 [ January ] - 변화의 시작, 1월 더보기 [2022WinterBootcamp] 0~1주차 회고 개발자가 time-map-installer.tistory.com 본문 이번 주에는 POC 기능에 대한 대부분의 마무리를 진행하는 주인 것 같다. 회고나 블로그를 쓰면서 느끼는 것이 평소에 캡처를 해두는 습관이 중요하다는 것을 깨달은 주인 것 같다 그래서 이번 주에는 많이 사진들을 모아두어서 보는 맛이 있는 그런 글이 되지 않을까 싶다 이제, 시작하도록 하겠다 어디선가 보던 것들을 개발해 내었다는 그 성취감 위에 ..

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


10
0
백동열

백동열

4
0
백동열

백동열

4
0
백동열

백동열

[Project : HQRoutine] 3차 스프린트 회고

드디어 프로젝트 3차 스프린트가 완료되었습니다

이번 주에는 무언가 한 것이 없는 것 같으면서도 많았던 것 같습니다

프로젝트 개발 시작부터 시작해서, 깃허브 꾸미기를 포함한 여러 활동들 까지..

기록하며 돌아보니 무의미 했던 시간은 아니었던 것 같네요

이래서 기록을 끊임없이 해야하는 건가 싶었습니다

이번 프로젝트는 모든 팀원분들께서 많은 노력과 열정을 쏟고 있는 만큼 저 또한 이에 상응하는 노력과 성과를 낼 수 있기위해 시간을 투자 해야겠습니다

본격적으로 개발에 들어가는 다음주에는 바쁘다고 못했다는 핑계를 대는 저를 만들지 않기 위해 다시 한 번 마인드셋을 점검하고 가는 시기가 되겠습니다


+ 다음 주 부터 디스콰이엇 프로덕트가 올라오고 관련 프로덕트에 함께 태그되며 업데이트될 예정입니다

url thumbnail

[Project : HQRoutine] 3차 스프린트 회고

2023 Series [ 2023 ] CheckPoint, 2023년 2023년동안 작성했던 회고록들을 모아 둔 게시글이다 2023년 동안 작성한 회고들을 계속해서 업데이트 해 나갈 예정이다 [ January ] - 변화의 시작, 1월 [2022WinterBootcamp] 0~1주차 회고 개발자가 되기로 time-map-installer.tistory.com 본문 드디어 사전조사를 마치고 개발에 들어간 3차 스프린트이다 이번 주에는 흥미로운 일들이 있었다 GPT에 대한 간단한 고찰 여러 사전조사를 하고, 페이지 퍼블리싱을 하면서 많은 고난과 역경의 수준을 조금 낮춰 준 도구가 바로 Chat GPT가 아닌가 싶었다 그래서 많은 활용 끝에 어떠한 특이점을 발견하였고, 이를 정리한 탐구 글을 하나 작성했다 [..

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


3
0
백동열

백동열

3
0
백동열

백동열

4
0
백동열

백동열

[Programmers Basic Challenge]

프로그래머스 코딩테스트 파트의 입문 캘린더를 완료하고 머쓱이 스탬프를 얻기 위한 새로운 도전을 시작하였고, 오늘 종료하였습니다!

개인적으로 목표를 세우고, 레포를 생성하고, 실제로 해냈다는 성취감이 상당했던 챌린지였던 것 같습니다

프론트엔드 개발자가 되기 위해 스스로 준비해 본 첫 번째 업적입니다

계속해서 여러 챌린지를 스스로에게 걸고 해 나가볼 예정입니다

이 글을 보는 여러분들도 좋은 일이 가득하길 바라며 글을 마칩니다

url thumbnail

[Programmers Basic Challenge] 프로그래머스 코딩테스트 입문 캘린더 부스트 회고

2023 Series [ 2023 ] CheckPoint, 2023년 2023년동안 작성했던 회고록들을 모아 둔 게시글이다 2023년 동안 작성한 회고들을 계속해서 업데이트 해 나갈 예정이다 [ January ] - 변화의 시작, 1월 [2022WinterBootcamp] 0~1주차 회고 개발자가 되기로 time-map-installer.tistory.com 본문 SW 마에스트로의 결과를 기다리면서 무엇을 할 수 있을까에 대해 생각을 하던 중, 나는 프론트엔드의 길을 선택하였기에 JS 공부를 하면 되겠다 싶었다 이론적인 부분을 학습하고, 눈으로만 보기보다 프로그래머스 입문 캘린더를 빠르게 달성 해보는 것이 일주일도 잘 보낼 수 있을 것 같고 문법도 익힐 수 있어서 좋지 않을까 생각했다 그래서 처음 제대로..

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


3
0
백동열

백동열

3
2
백동열

백동열

[Good Night Hackathon]

Techeer 내에서 약 30시간 동안 진행했던 해커톤입니다

처음 하는 체계적인 백엔드 미니 프로젝트였기에 초심자인 저에게는 굉장히 어렵게 느껴졌습니다

하지만 어렵다고 눈과 귀를 닫아버린다면 얻어가는 것이 없이 시간만 소모할 것 같아 보이고 들렸던 모든 것에서 배울 점을 찾아 적어두었습니다

정리까지 해 두고 다른 활동을 하다가 돌아보면 이를 이해 할 날이 오지 않을까요?

단기간 집중형 Spring Boot Hackathon에 대한 회고를 작성 해보았습니다

url thumbnail

[Good Night Hackathon] SpringBoot! 맛 좀 보자!

2023 Serieses [ 2023 ] CheckPoint, 2023년 2023년동안 작성했던 회고록들을 모아 둔 게시글이다 2023년 동안 작성한 회고들을 계속해서 업데이트 해 나갈 예정이다 [ January ] - 변화의 시작, 1월 [2022WinterBootcamp] 0~1주차 회고 개발자가 되기로 time-map-installer.tistory.com [Good Night Hackathon] (2023/02/25/22:00 ~ 2023/02/27/02:50) 규모 : 약 50명 요약 : 팀 단위 Spring Boot API 과제 해결 프로그램, 팀원과 함께하지만 개인이 코드를 작성해야하며, 제출도 각자 하는 해커톤 당신이 알고있는 모든 사람들에게 Good Night를 외칠 수 있는 해커톤! 오..

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


8
2
백동열

백동열

3
6