본문 바로가기

전체 글

커뮤니케이션 스킬을 위한 비폭력대화(NVC) 커뮤니케이션 스킬을 함양하기 위해 고민을 많이 하곤 하였습니다. 비폭력대화 책을 읽고, 삶에 접목시킬 뿐만 아니라 일에 있어서 갈등 해소에 큰 역할을 할 수 있을 것이라는 생각이 들어 글로 정리해 보았습니다. 목차 1️⃣ 소개 2️⃣ 비폭력대화란 3️⃣ 비폭력대화의 4가지 단계 4️⃣ 상대를 알아주고 나를 알아주는 것 5️⃣ 글을 줄이며 1️⃣ 소개 협업에 있어서 커뮤니케이션은 가장 중요한 역량 중 하나입니다. 팀원틀은 프로젝트가 해결하고자 하는 해결 방법을 함께 고안합니다. 각자의 의견과 아이디어를 나누고 토론에 임하기도 합니다. 또한 한 프로젝트를 성공적으로 완성하기 위해 팀원들이 분업을 합니다. 다른 업무 간의 연결점이 되는 일에 대해 팀원들은 정보를 주고받고 일의 흐름을 유지합니다. 이에 있어서 .. 더보기
4년 간 운영했던 블로그를 이전합니다 2020년 1월에 첫 알고리즘 포스팅을 올리며 티스토리 블로그를 시작하였습니다. 당시에 '내가 하는 공부들을 기록하며 성장해야지'라는 마음으로 가볍게 글을 써왔습니다. 그러다보니 200개가 넘는 글을 올려두었네요. 기본적인 문법에 대한 글들이나 trick같은 문제 해결법들에 대한 포스팅이 많이 노출되면서, 블로그로 수익도 창출해 볼 수 있었습니다. 그러다가 문득 개발 문화에 발을 디디며, '함께 개발하는 이들에게 읽히는 글을 쓰고 싶다'라는 마음이 들게 되었습니다. 작년 즈음부터는 최대한 글에 내 생각과 인사이트를 조금씩이라도 녹이고자 했던 것 같습니다. 더 나아가 이제는 제 공간을 만들고 싶다는 생각이 들었습니다. 내 생각들이 온전히 담겨있는 간소한 책장과 같은 공간을 그렸고, 4년 전부터 그래왔듯이 .. 더보기
[React] Why Naming component is Hard? 저는 개발을 해나가며 많은 시간을 네이밍을 고민하는 데에 씁니다. 높은 퀄리티의 코드를 작성하기 위해서입니다. 일련의 코드를 작성하고 모두에게 이해되게끔 제목을 짓는 일은 참 어렵습니다. (모든 코드가 단일책임을 만족하며 쓰인다면 다행이지만요.) 코드가 가진 정체성을 식별해야 알맞은 이름을 부를 수 있게 되고, 그것들을 조립하여 논리적인 해법으로 문제를 풀어낼 수 있게 됩니다. 저만의 네이밍을 바라보는 시각을 정리해보려 합니다. 같은 고민을 해오신 분들에게 뜬구름같던 개념이 조금이라도 정립될 수 있을 것이라 생각합니다. 목차 1️⃣ Naming things 2️⃣ Component, React module 3️⃣ The process of Naming component 4️⃣ Conclusion 1️⃣ .. 더보기
[React][TypeScript] Generic Props on Functional Component 타입스크립트와 리액트에서, 제네릭 props를 가진 컴포넌트에 대하여 설명합니다. 타입스크립트에 대해 기초적인 개념이 있다면 글을 읽기에 좀 더 수월합니다 :) 목차 1️⃣ 서론, Generic Props? 2️⃣ Table Component without generic 3️⃣ Table Component with generic 4️⃣ Cons of Generic Props on Functional Component 5️⃣ 글을 줄이며 1️⃣ What is Generic Props? React에서 컴포넌트 설계는 가장 중요한 개념 중 하나입니다. 컴포넌트는 코드의 재사용성을 극대화하고, 핵심 로직은 유지하며 다양한 유형에 대응할 수 있도록 합니다. 컴포넌트를 사용할 때에는 props라는 인터페이스를 이용.. 더보기
[Web][Network] About URI Encoding & Decoding 목차 1️⃣ 서론 2️⃣ URI와 URL 3️⃣ Encoding은 어떤 동작인가요? 4️⃣ JavaScript에서의 URI Encoding(, Decoding) 5️⃣ 글을 줄이며 1️⃣ 서론 URL은 웹 개발에 빼놓을 수 없는 페이지 정보의 주소값입니다. URL에 우리가 설정하는 Domain이 녹아있을 수 있고, 라우팅을 위한 path 정보, Permalink를 위한 query string 등 페이지 정보의 이름표 역할을 하죠. 로그인 로직을 처리하는 웹 서버에서 query string에 다음 페이지 링크인 next 정보를 담으며 Redirect를 위한 URL을 주고받는 로직을 구현하였습니다. (예를 들어, "https://www.domain.com/login?next=%2Fproducts%2F8LN9.. 더보기