오늘의 글은 아주 가볍게, 그저 흘러가듯 읽어주셨으면 좋겠습니다. 요즘 부쩍 고민이 늘었습니다. 뭐가 그렇게 고민이냐고 하면 사실 특별히 이게 고민입니다라고 할 만큼 대단한 걸 하는 건 아니지만, 머릿속에서 생각이 쉴 새 없이 둥둥 떠다니고 있어요. 글을 쓰는 지금도 머릿속에서는 아 어제 받은 뉴스레터 읽어야 하는데, 아까 전에 공유 받은 아티클도 읽어야 하는데, 이슈 올려둔 거 팔로업해야 하는데 같은 생각들이 자꾸만 빈틈을 치고 들어옵니다. 공부할 것도 많고 해야 할 것도 많고 준비할 것도 많은데 도통 시간은 없고, 누구도 저를 쫓아오지 않는데 혼자서 가상의 어떤 존재에게 쫓기고 있습니다. 사실 이럴 때는 원래 수영을 하러 가고는 했습니다. 수영을 하면 물속에서 호흡과 자세에만 집중할 수 있게 되고, ..
최근에 사람들의 문해력에 대해서 말이 많습니다. 우리나라는 문맹률은 굉장히 낮지만, 글을 읽고 이해하는 문해력, 즉 실질 문맹률은 굉장히 높은 것으로 나타났다고 하더라고요. 요즘 안 그래도 글은 읽되 이해하지 못하는 사람들을 몇 번 목격한 터라 그에 관해 블로깅을 할까 고민을 하고 있었습니다. 그러던 도중 지인에게 EBS에서 진행했던 문해력 테스트에 대해 듣게 되었는데, 재미있더라고요. 참고로 저는 만점이 나왔습니다! (헤벌쭉) 해보고 싶으신 분은 아래 링크를 참고해서 도전해보세요! 15분이 넘어가서는 안된다고 합니다. 사전 설문조사 본 설문지와 성인 문해력 테스트 결과는 통계적인 목적으로만 사용되며 모든 자료는 익명으로 처리할 것을 약속합니다. ❗️문해력에 대한 모든 것❗️ EBS 다시보기 https:..
얀센을 맞았을 때쯤, 저는 열심히 개인 프로젝트를 준비하고 있었습니다. 처음에는 단순히 여자 친구랑 밥을 먹다가 '요즘 MBTI 테스트가 핫하던데 한번 만들어볼까?' 하는 이야기를 지나가듯이 했었는데, 둘 다 갑자기 불이 붙어서 진심으로 준비를 하게 되었습니다. 그 와중에 노마드코더 분이 MBTI 테스트 콘테스트를 개최한다는 소식을 들었고, 그러면 마감일도 생겼겠다 빡세게 작업해보자 생각하고 일주일 정도의 시간을 투자해서 만들게 됐습니다. 얀센 후기 글에 보이는 '작업'이라는 단어는 바로 이 작업을 의미합니다. 왜 이제야 후기를...? 네.. 얀센을 6월에 맞았으니까 벌써 반년이 훌쩍 지난 후기가 되었네요. 솔직히 말하자면 저는 제 블로거로서의 자아를 '부캐화'하고 싶었습니다. 그래서 실제의 저와는 좀 ..
블로그에 정기적으로 들어오시는 분은 아마도 없을 것 같지만, 최근에 기쁜 소식이 하나 생겼었습니다. 12월 8일부로 구글 애드센스 광고를 넣을 수 있게 되었거든요. 광고를 넣으려고 처음 시도한 게 올해 7월 경부터였던 것 같은데, 정말 문자 그대로 7전 8기 끝에 도전에 성공했습니다. 사실은 티스토리 마크다운이 별로 마음에 들지 않아서, velog로 블로그를 또 옮겨야 되나 생각을 하던 차였습니다. velog가 아니라 티스토리를 선택했던 건 다른 이유보다 광고를 넣을 수 있느냐의 여부였거든요. (사실 마크다운으로 개발 관련 글을 쓰려면 velog가 정말 압도적으로 낫다고 생각합니다) 그런데 애드센스가 계속 계속 탈락을 거듭하니까 '어차피 이거 광고를 넣는대도 1년에 10만 원이나 벌리겠나' 싶어서 다 포..
최근 회사에서 새롭게 진행하고 있는 프로젝트는 MSA(MicroService Architecture) 기반의 서비스입니다. MSA란 통합된 하나의 서버가 여러 가지 일을 하도록 기능이 분리된 것이 아니라, 기능별로 분리된 여러 서버에서 각자의 할 일만 효율적으로 처리하도록 디자인된 서비스를 말하는데요, 서버가 여러 대 운용되다 보니 VPC를 구성해서 클라우드 공간을 활용하는 것이 좋을 것 같아 AWS에서 권장하는 방법을 토대로 구축해보았습니다. VPC가 그래서 뭐야? VPC는 Virtual Private Cloud의 약자입니다. 쉽게 말하자면 VPN의 클라우드 버전이라고 생각하면 되는데요, VPN이 물리적으로 연결된 네트워크를 논리적으로 다른 네트워크처럼 취급하게 하듯이 VPC도 AWS라는 거대한 클라우..
SES라고 하면 어딘가 그리운 마음이 듭니다. 제가 처음으로 좋아했던 걸그룹의 이름과 같기 때문입니다. 이렇게 이야기를 하자니 어딘가 제 나이가 대충 드러나는 것 같아서 입이 쓰네요. 최근에 회사에서 서비스를 새로 개발하면서 사용자 계정 인증, 비밀번호 초기화 등의 알림을 위한 용도로 자동 Email 전송 솔루션이 필요해졌습니다. 보통은 Google Workspace에서 제공하는 SMTP를 사용하거나 AWS의 SES를 사용하는 것으로 나뉘는 것 같습니다. 회사에서 어차피 Google Workspace를 사용하기 때문에 구글 SMTP를 사용해볼까 했지만, 일일 전송 한도가 2,000건 밖에 되지 않는다는 사실을 알게 되었습니다. 사실 당장이야 2,000건도 차고 넘칠만한 한도이지만 나중에 서비스가 커지고 ..
Javascript로 코딩을 하다보면 싱글 스레드니 Stack이니 Heap이니 하는 말을 듣게 됩니다. 그런데 의외로 많은 분들이 대충 느낌은 아니까 정도로 넘어가는 경우를 많이 봤습니다. 의외로 제대로 아는 사람들이 드물더라구요. 한번 쯤은 정리하고 넘어가는 게 좋을 것 같다는 생각이 들어서 다시금 정리를 해보겠습니다. 메모리 누수나 Garbage Collection 등 Javascript의 심화 개념을 이해하기 위해 반드시 필요한 지식이라고 생각하거든요. Call Stack Javascript를 구동하는 V8 Engine에는 크게 두 가지 구성요소가 있습니다. Call Stack과 Memory Heap인데요, 간단히 설명하자면 Memory Heap에는 참조형 데이터가 저장됩니다. 객체나 배열 같은 것..
이전 글에서 DOM에 대해서 알아봤습니다. 쉬운 내용은 아니었지만, 브라우저가 어떻게 HTML과 CSS, JS를 렌더링하는지 알 수 있었을 겁니다. 이제는 한단계 올라가봅시다. HTML의 모든 요소와 Style로 이루어진 DOM은 global한 범위에 있습니다. 어떤 요소가 얼마나 많은 부모를 가지고 있든지 간에, getElementById나 querySelector를 통해서 접근이 가능하죠. CSS도 마찬가지고요. 그 덕분에 우리는 부모는 신경쓰지 않고 모든 요소의 Style을 한꺼번에 변경할 수 있습니다. div { color: red; } 그런데 이렇게 잘 사용하다가 어떤 div와 그에 속한 자식들에게는 color를 blue로 줄 필요가 생겼습니다. 이럴 때는 어떻게 해야 될까요? 바로 이럴 때 필..
최근에 회사에 새로 입사한 신입이랑 이야기를 하던 도중, DOM이 뭔지 모른다는 충격적인 이야기를 들었습니다. HTML이 그대로 웹 브라우저에 나타나는 것으로 생각하고 있던 것이죠. 정확하게 말하자면 DOM은 브라우저마다 다르게 나타날 수 있습니다. 그것을 통일하기 위한 표준은 존재하지만요. 그래서 이번 포스팅에서는 DOM과 브라우저가 어떻게 HTML, CSS, JS를 사용자에게 보여주는지를 아주 간략하게 설명드리고자 합니다. 간략하게 설명하려다보니 내용이 다소 부실할 수도 있겠습니다. 자세한 내용을 원하시는 분들은 직접 MDN을 찾아서 확인해보시는 것을 추천합니다. DOM의 정의 DOM(Document Object Model)은 웹 페이지에 대한 프로그래밍 인터페이스(Programming Interfa..
개요 이전 글을 통해서 밝혔듯, 저는 iPad로 어떻게든 코딩을 하고 싶어하는 사람입니다. 그런데 iPad 사용자라면 아마도 알고 계시듯이 iPad로는 코딩하기가 영 좋지 않습니다. 특히 저같은 웹개발자에게는 더욱... 마땅한 IDE가 없기 때문이죠. 그러다보니까 이전 글처럼 code-server를 돌리는 등 반드시 iPad 외적인 부분에서 작업을 처리하고 iPad는 화면송출용도로만 사용해야 했습니다. M1인데! 그런데 code-server를 대략 한달 정도 사용해보면서 느꼈던 건 역시 서버에는 돈을 들여야겠구나하는 점이었습니다. RAM 1GB로는 code-server 자체를 돌리는 것도 힘든 것 같았어요. 자꾸 죽더라구요. 처음에는 CRA로 구축한 React 프로젝트 구동 시에만 문제가 생기는 줄 알았..
