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

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

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

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

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

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

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

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

이상한거 만들어보기

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

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

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

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

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

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

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