전체 글
언섹시 비즈니스 리서치 클럽 3기를 마치며
살면서 하고 싶은 일이 있으신가요? 저는 저만의 제품을 만들어서, 그것을 사용하고 있는 유저를 보고 싶습니다. nas daily를 세운 누세이르 야신은 회사를 세워야하는 이유로 "개인은 시간이 지나면 죽지만, 회사는 창업자의 뜻을 이어갈 수 있기 때문"이라고 했습니다. 짧은 생을 살아가면서 사회에 도움이 되거나, 타인에게 어떤 가치를 준다는 것은 얼마나 행복한 일일까요. 그렇게 제품을 만들고 창업을 준비하다가 찾은 것이 "언섹시 비즈니스" 라는 이메일 리스트였습니다. https://maily.so/unsexybusinesskr 언섹시 비즈니스 화려하지 않은 비즈니스들을 소개드립니다. maily.so 이곳에서는 리서치 클럽이라는 것을 운영합니다. 곧 4기를 뽑을 예정인가보네요. https://breakbo..
[책 추천] 리액트로 배우는 소켓 프로그래밍. 실시간 양방향 통신을 배워보자
이 책은 단단합니다. 처음부터 어려운 이론을 이야기하면서 코드베이스를 제시하지 않습니다. 리액트의 개념, Node.js의 개념, 소켓 통신을 설명하기 위해 OSI 7계층을 설명합니다. 웹 프로그래밍을 배우는 사람 중에 생각 외로 네트워크와 그 내부의 프로토콜에 대해서 깊게 공부하는 사람은 없습니다. 이미 누군가가 래핑해놓은 것들을 사용하며 추상적으로만 이해합니다. 이론의 배경을 아는 것은 매우 중요합니다. 그런 것들이 우리들로 하여금 추후에 작은 부분의 버그와 충돌을 심도깊게 이해하고, 쉽게 고칠 수 있게 해줍니다. TCP 서버를 Node.js로 구성할 때는 net 모듈을 사용합니다. Node.js는 이미 설치할 때부터 가지고 있는 built-in module이 있는데, 그 중에 net 모듈은 TCP 서..
미국에서 소고기 가격이 오르면, 식당들이 돈을 번다.
오랜만에 재미있는 영상을 봤다. 미국에서 여러가지 이유로 소고기의 가격이 급등했으며, 향후 3년간은 회복이 어렵다고 한다. 그런데 소고기와 직접적으로 관련된 업종(도축업체, 소고기를 키우는 업체 등)은 적자에 죽을 맛인데 소고기를 조달해서 간접적으로 판매하는 음식점(스테이크 하우스, 햄버거 등)은 엄청나게 돈을 벌고 있다는 것이다. 하나의 원재료에 연결되어있는 밸류체인에서 어떤 섹터는 비용을 가격에 반영하기가 어렵고, 어떤 섹터는 엄청나게 쉬울 뿐만 아니라 추가로 이익을 더 얹을 수 있다는 것이다. 이런 논리는 여러 밸류체인을 살펴보지 않고서는 알 수가 없다. 아래 영상을 보면 알 수 있다. https://youtu.be/oyWb_L_sXFI 1. 미국, 소고기 가격 급등하다. 여러가지 이유로 급등했다고..
자바스크립트 함수 호이스팅에 대하여 (함수표현식, 함수선언문)
자바스크립트의 함수는 양자역학의 중첩 상태이다. 관찰하는 순간 결정되는 것이다. 변수가 될 수도, 매개변수가 될 수도, 리턴값이 될 수도 있는 것이여... 0. 초능력자 자바스크립트 함수 자바스크립트에서 함수는 일급 객체(First Class Object)라고 불린다. 일급 객체는 다른 어떤 객체와도 같이 제한 조건이 없이 사용된다는 의미이다. 크게 3가지가 인터넷에 예시가 많은데, 간단한 함수 하나를 만들어서 설명해보자. doubleNumber라는 함수를 선언한다. 기능은 정말 간단하다. 하나의 숫자를 받으면 2배를 해서 리턴해준다. let doubleNumber = ( number ) => ( number * 2 ); // 화살표 함수 표현식 let doubleNumber2 = function(num..
const 선언 / Object.seal() / Object.freeze()
1. 그들이 건들지 못하게 하라 나는 안드로이드 개발할 때도 약간 변태 같은 습성이 있었는데 바로 사람들이 구성한 라이브러리의 내부를 일일이 뜯어보는 것이었다. 라이브러리나 프레임워크나 결국 다른 언어로 만들어진 덩어리일 뿐이기에 항상 나는 추상화된 코드 밑에 어떤 마법들이 일어나고 있는지 파악하고 싶었다. 프론트엔드를 공부하고 있는 지금은 React 라이브러리에 큰 관심이 있는데 톺아볼 요량으로 패스트캠퍼스의 React 라이브러리의 초기 버전을 구현하는 수업을 들었다. (https://fastcampus.co.kr/dev_academy_kmt2) 이 강의 뿐만 아니라 유튜브(https://youtu.be/Z7ysKNFrMqo)에서 보고 배운 것이 있는데 바로 Object.seal()과 Object.fr..
건강하게 살기 위한 6가지 팁
최근에 건강검진으로 내가 많이 아프다는 것을 알게 됐다. 인생에서 중요한 게 무엇일까 다시금 생각을 해보면서, 꼭 실천해야만 하는 것들을 적어놓는다. 1. 충분한 만큼 숙면을 취할 것 보통 6~8시간은 자야한다. 2. 몸을 움직이기 웨이트 트레이닝, 달리기, 자전거나 주짓수 등 심박수를 높이고 호흡을 활성화시키자. 3. 많은 양의 햇빛을 아침에 받자 아침 기상 후 많은 양의 햇빛을 받는 것은 중요하다. 4. 먹는 것의 75~80%는 비가공이나 최소로 가공된 식품을 먹자 5. 사회적 관계 친구와 가족들과의 온라인와 오프라인 관계를 건강하게 유지하자.
React로 만든 웹을 모바일 환경에서 공유하고 싶을 때 (WebView, Navigator.share())
리액트로 공유 기능을 구현하는게 이렇게나 어렵다니. 바이럴을 통해 수익을 내는 웹 앱을 React 기반으로 만들고 있다. 정확히는 Next.js 13.4 프레임워크를 활용하지만, 결국 내부는 리액트와 JSX다. 애를 먹고 있는게 있는데 바로 안드로이드 웹뷰. 안드로이드 웹뷰(WebView) 객체는 Navigator.share()를 지원하지 않는다. 그래서 iOS에서는 정상적으로 공유를 잘 불러내지만 안드로이드는 그냥 먹통이다. 무슨 일인지 모르겠으나 alert()도 먹히지 않는다. 그래서 여러 글을 찾아보니 아래와 같이 ClipBoard에 주소를 복사하게끔 처리하고 있다. 세상에 쉬운 일이 하나 없다. 참고 할만한 글 1. 순수하게 공유하기에 대해서 공부하기 https://velog.io/@otterji..
Next.js 프레임워크를 다루며 정말 도움된 YouTube 영상들
Next.js 13.4 버전으로 사이드 프로젝트를 진행하고 있습니다. 현재 cloudpages에 올려서 서비스를 하고 있으며, 지금도 여전히 개발하면서 기능을 확장하고 유지하고 있습니다. Next.js를 배울 때 보면 좋을만한 영상을 공유드립니다. 1. 컴포넌트에 대하여 이미지는 참 속 썩이는 아이입니다. Next.js는 알아서 최적화 해줍니다. https://youtu.be/ZKG8JBdgSos 2. App Route (App directory)에 대해서 다룹니다. Next.js 13.4부터는 앱 디렉토리가 stable 버전으로 나옵니다. 단순히 디렉토리만 나눠서 라우팅된다는 것 뿐만 아니라, 그룹으로 묶을 수도 있습니다. 자세한 것은 영상을 확인하시죠. https://youtu.be/k2IQ-CcE7..