프론트엔드
-
CRA 없이 React 설정하기 1프론트엔드 2023. 5. 20. 15:58
이 글을 쓰게 된 배경 CRA가 나타난 배경 Creat React App이 없는 이전에는 여러 도구를 설치하고, 개발 환경을 구성하고, 여러 사전 설정을 한 뒤 린트를 구성하는 등의 개발 전에 해야할 것들이 굉장히 많았습니다. 이런 구성을 프로젝트 시작마다 하는 것은 굉장히 까다로운 일이었을 것입니다. 이에 사람들은 자신만의 보일러 플레이트를 만들어 공유함으로써 대처할 수 있었습니다. 하지만, 여기서도 문제점이 발생했습니다. 각 프로젝트마다 달라지는 설정에 따라 변경이 요구되고, 오래된 설정은 업데이트를 해야하며 다른 라이브러리와의 호환하여 동작하도록 하기 위해서도 많은 노력이 필요했습니다. 이를 보완하기 위해 Creat React App이 등장하였고, CRA는 필요한 라이브러리를 묶어 패키지로 결합하고..
-
TDD를 해보자프론트엔드 2023. 2. 7. 09:00
이번 포스팅은 필자가 생각하는 TDD를 하는 과정에 대해서 포스팅해보려고 합니다. 부족한 점이 많을 수 있다는 점 양해 부탁드립니다.... TDD를 위해서 필요한 것 1. 관심사의 분리 관심사의 분리란? 관심사의 분리란 간략하게 설명하자면 한 파일이 하나의 역할만 하도록 해주는 것입니다. React를 예시로 들자면, View역할을 하는 .tsx파일은 View의 역할만 하도록 하고, View 파일에서 사용하는 동기, 비동기 로직은 util파일이나 logic.ts파일로 나누어서 View에서는 선언만 해서 사용하도록 해줍니다. 관심사의 분리가 필요한 이유 개발을 하게 될 경우 View파일 내부에 필요한 로직까지 모두 선언 및 사용하는 경우가 많습니다. 이럴 경우 한 파일의 코드안에 view, 동기 비동기 로직..
-
하루 5분 UX (12/1)기록/하루 5분 UX 2022. 12. 1. 08:11
오늘부터는 사람 행동의 기초인 심리, 경험, 의식, 무의식적인 것에 대한 내용이 나왔다. 책 초반부라 아직까지는 두리뭉술한 얘기만 해주고 자세한 내용은 뒷 부분에서 한다는 내용이 많다. 오늘도 읽은 부분에서 인상깊었던, 그리고 기억할만한 구절에 대해 기록을 남겨보겠다. Lesson 11 심리 vs 문화 사람에게는 통제 가능한 부분과 통제가 불가능한 부분이 있다. 이 책에서 각각을 심리적인 요소와, 문화적인 요소라고 정의했다. 심리적인 요소는 대부분의 인간들이 공통적으로 가지고 있는 특성을 말한다. 예를 들면, 자신이 좋아하는 거을 곁에 두려고 하는 성향 같은 것이다. 문화적인 요소는 각각의 사람이 성장하면서 보고 배우고 느낀 것을 토대로 가지게 되는 지극히 사적인 결과물들이 많다. 예를 들면, 자신이 좋..
-
하루 5분 UX(11/30)기록/하루 5분 UX 2022. 11. 30. 22:03
솔루션 vs 아이디어 모든 디자이너들은 항상 좋은 아이디어를 가지고 있어야 한다. 하지만 UX 디자이너들은 좀 덜 예술적이고 좀 더 분석적이어야 한다. UX 디자이너들은 창의적인 아이디어를 내는 것도 중요하지만, 사용자들에게 의미 있는 것이 아니라면 더는 중요하지 않다. → UX 디자이너들은 자신에게 중요하지 않은 문제를 살피는 데 많은 시간을 쏟아야 한다. 결론 UX는 특별한 유형의 디자인이다. 틀릴 수도 있고 그것이 틀렸다는 것을 증명할 수도 있다. 어떤 곳에서 통했던 솔루션이 다른 곳에서는 안 통할 수도 있다. UX 임팩트 피라미드 사용자 심리가 가장 하단으로 넓은 부분에 해당하고 있는데, 이 부분을 무시할 경우 제품 자체를 망가뜨릴 수 있다는 사실을 인지해야 한다. 그리고 이 부분은 대게 눈에 띄..