profile
다른 곳에서 볼 수 없는 이상한 주제를 다룹니다. https://pjc0247.github.io/new-home

이상적인 앱 구조

이 글은 일반적인 이상적인 앱 구조와 코드에 대해 다루는것이 아닌제가 생각하는 이상향적인 앱 구조에 대해 다룹니다.React는 웹 개발에서 많은 부분을 덜어냈습니다.DOM조작과 상태 관리, 쿼리 셀렉터 등...이제 우리는 document API를 아예 몰라도 웹 개발이

2022년 3월 7일
·
1개의 댓글
·
post-thumbnail

프론트엔드와 Race Condition

간단히 말해서 두 개 이상의 스레드가 하나의 공유 자원에 접근해서 일어나는 상태(혹은 그로 인해 발생하는 버그) 라고 생각하시면 됩니다.레

2022년 3월 6일
·
0개의 댓글
·
post-thumbnail

더 많은 곳에서 선언형으로 작성하기

더 많은 곳에 선언형으로 작성하기

2022년 2월 13일
·
0개의 댓글
·

함수형 리액트 프로그래밍

DRAFT가상의 게시판을 만든다고 가정해 보겠습니다.위 코드는 간단하게 작성할 수 있는 못 짠 게시판 코드이며, 전혀 함수형스럽지 않습니다.왜 함수형스럽지 않을까요?상태를 가집니다.인풋과 아웃풋이 뒤죽박죽입니다.만약 위 코드가 아래와 같이 되면 어떨까요?단순히 코드를

2022년 1월 18일
·
0개의 댓글
·
post-thumbnail

React.Suspense - 1

이 글은 Suspense가 무엇인지에 대해 다루지 않습니다.

2022년 1월 14일
·
0개의 댓글
·
post-thumbnail

복잡한 상태 관리

저는 얼마 전 까지만 해도 게임 프로그래머였습니다. 프론트엔드 개발자로 전향한 후 가장 생소했던 말은 복잡한 상태 관리 라는 말이었는데, 왜냐면 안 복잡했기 때문이죠.

2021년 11월 6일
·
0개의 댓글
·

클린 코딩 기초편

올바른 변수명 짓기, 주석 잘 달기, lint에 대해 공부하셨나요?그런것들은 클린 코딩이라기보단, 밥을 먹고 숨을 쉬는것처럼 당연하게 해야하는것들입니다.여기서는 진짜 클린 코딩을 하는 방법에 대해 알아봅니다.그러니까, 제 말은 이런 뜻입니다.변수명 잘 짓고, 주석 잘

2021년 10월 7일
·
0개의 댓글
·
post-thumbnail

redux 쓰지 마세요

많은 사람들이 redux를 소개할 때 복잡한 상태관리를 쉽게 처리할 수 있는 ~~ 이런식으로 소개합니다.근데 솔직히 쓰면서 이런 생각을 해보신 적이 있지 않으신가요?redux 식으로 상태를 관리하려면 값 하나를 바꾸는데도 10줄가량의 코드를 작성해야 할 수도 있습니다

2021년 10월 3일
·
2개의 댓글
·
post-thumbnail

카카오 웹툰 클론 코딩하기

이상한거 만들어보기

2021년 9월 12일
·
5개의 댓글
·
post-thumbnail

의식의 흐름과 코딩

코딩을 하다보면 여러가지 속성들을 나열해야 할 경우가 굉장히 많습니다.이런 것이나이미 눈치 채셨나요?의식의 흐름대로 속성을 나열하시면 안됩니다.저같은경우는 대략적으로 아래 순서와 같이 CSS를 정렬합니다.위치값: 이 element가 어디에 표시될건지모양(외적인 모양):

2021년 9월 6일
·
0개의 댓글
·
post-thumbnail

이제 막 React 기초 공부를 마친 분들에게

함수형 컴포넌트와 클래스 컴포넌트를 섞어 쓰지 마세요. `memo` 사용을 고려해보세요. `then()` 대신 `async/await` 를 사용하세요

2021년 9월 6일
·
0개의 댓글
·
post-thumbnail

Thinking in React

https://ko.reactjs.org/docs/thinking-in-react.html이 글은 위 페이지의 몇가지 주제에 대해서 자세하게 다루어 보는 글입니다.이 줄은 React를 처음 접하는 분들이 가장 많이 실수하는 항목중에 하나입니다.위와 같은 코드,

2021년 4월 21일
·
1개의 댓글
·
post-thumbnail

개발자 영어

개발자는 수학과 영어를 공부해야 하고, 변수명 짓는것이 가장 어렵다는말은 정말 많이들 하지만, 정말로 퇴근후에 영어를 공부하고 변수명을 잘 짓는 개발자는 희귀합니다.변수명을 잘 짓는것은 개인의 센스이지만, 여기서는 적어도 틀린 이름을 짓지 않도록 하는 법을 소개합니다.

2021년 3월 10일
·
0개의 댓글
·
post-thumbnail

영감을 주는 코딩 패턴들 - RAII

많은 개발자들은 디자인 패턴에 대해 공부합니다. 그리고 몇몇은 개발에 대해 얼마나 공부했냐를 가늠하는 척도로 면접 질문에 자주 등장하죠. 적어도 제가 경험한 바는, 잘 알려진 디자인 패턴들은 코드를 쓸데없이 복잡하게 만듭니다. 3~4줄이면 작성할 수 있는 코드를 10

2021년 3월 10일
·
0개의 댓글
·
post-thumbnail

스토어 배포 없이 React Native 앱 변경하기 - 2편

이 구현은 간단한 아이디어에서 시작합니다.Javascript에는 eval이라는 함수가 있습니다. 주어진 string의 코드를 실행하고 결과값을 리턴하는 함수인데, 모두들 이 함수를 무조건적으로 싫어합니다.저는 eval을 쓰지 말라고 하는 대부분의 이유에 반박을 할 수

2021년 3월 10일
·
0개의 댓글
·
post-thumbnail

스토어 배포 없이 React Native 앱 변경하기 - 1편

앱의 UI는 항상 변화합니다. 단순한 버그 픽스일 수도 있고, 주기적인 업데이트, 디자이너의 변덕, 심지어는 UI 변화를 통해서 AB 테스트를 수행하기도 합니다.하지만 우리가 만든 변경사항이 유저에게 도착하기까지는 시간이 좀 걸립니다. 악명높은 iOS 심사 때문일 수도

2021년 3월 9일
·
0개의 댓글
·