분류 전체보기
[HTML] 🤔 HTML이란?
[HTML] 🤔 HTML이란?
2020.01.11🤔 HTML이란? HTML은 웹페이지를 만들기 위한 하이퍼텍스트 마크업 언어(HyperText Markup Language, 문화어: 초본문표식달기언어, 하이퍼본문표식달기언어)라는 의미의 웹 페이지를 위한 지배적인 마크업 언어다. HTML은 다음과 같은 특징을 가지고 있다. HTML은 태그를 통해 웹 페이지의 구조를 알려준다. HTML은 다양한 요소들로 이루어져있다. HTML은 브라우저에게 어떤 것이 보여질 지를 알려준다. HTML은 태그를 통해 표현된다. HTML 태그는 머릿말, 문단, 표 같은 것들을 라벨링한다. 📄 간단한 HTML 문서 첫 머릿말 첫 문단 해당 문서의 의미는 다음과 같다. 라는 선언은 해당 문서가 HTML5라는 것이다. 요소는 HTML 페이지의 root 요소이다. 요소는 문서에 대한..
애드센스로 100달러를 벌기까지의 여정 💸
애드센스로 100달러를 벌기까지의 여정 💸
2020.01.11👋 들어가며 드디어 애드센스의 최소 출금액인 100달러를 달성했다. 근 1년 정도 길다면 길고 짧다면 짧은 기간동안 100달러를 벌기까지 나의 애드센스 지표를 공유해보려한다. 📊 전체 기간 이 전의 더 많이 더 적게 : 💸 애드핏(Adfit) 광고로 수익내기와 구글 애드센스(AdSense)와 다음 애드핏(AdFit) 비교하기에서 언급했던 것처럼 애드센스의 알 수 없는 심사로 인해 필자는 광고 수익을 위해 애드핏을 메인으로 사용하고 있었다. 그러나 해당 글들을 쓰고 블로그를 이용해서 심사를 받은 뒤 애드센스를 사용할 수 있었고, 여러 경과를 거쳐서 애드센스와 애드핏을 같이 사용하고 있다. 애드센스를 적용한 시기는 2019년 1월 즈음부터이고 2019년 12월 마지막 날 딱 100달러를 달성했다. 환전수수료..
2020 네이버 신입 입문 프로그램 시작 👶
2020 네이버 신입 입문 프로그램 시작 👶
2020.01.03👋 네이버 신입 입문 프로그램 2020년 1월 2일, 새해가 시작되자마자 신입 연수에 들어갔다. 9월 말에 인턴쉽에서 채용전환되었지만, 졸업을 해야해서 올 해 개발자 공채로 뽑힌 분들과 같이 연수를 받게 되었다. 아침 9시(!)까지 그린팩토리로 가야해서 아침 일찍 일어나 정자로 향하였다. 그린팩토리에 도착해서 2층으로 향하였다. 올라가자마자 신입 입문 프로그램 현수막이 눈에 띄었다. 네이버의 각 계열사들의 로고와 "당신과 함께 만들어 갈 네이버가 기대됩니다"라는 멘트가 멋졌다. 행사장에서도 HR&Culture 부서에서 준비해주신 여러 요소들을 보면서 얼마나 오래 준비했을까 대단하다는 생각이 들었다. 당일 신입들의 이름을 회사 로비 전광판에 띄우는 이벤트도 진행했는데 본인 이를을 찾는 재미가 솔솔했다. 신..
👋 2019 👋
👋 2019 👋
2019.12.28👋 들어가며 개발자라면 연말에 다들 하는 그것을 해보려한다. "1 년 회 고", 작년에는 블로그를 한 지 얼마 안되기도 했고, 딱히 이벤트랄게 없어서 그냥 지나갔는데 올해는 이벤트도 많고, 배움이 많았던 해라 글을 적어보려한다. 블로그를 하는 한 매년 회고를 하지 않을까 싶다. 🏠 노마드코더 베트남 해커하우스 모든 이벤트의 시작은 베트남 해커하우스였던 것 같다. 2018년 1년간 길고 외로운 개발 공부를 하며, 미래에 대한 불확실성만 넘치며 복학 생각에 머리가 복잡했던 시기가 있었다. 그 때, 노마드코더에서 진행했던 베트남 해커하우스에 참여했다. 베트남 해커하우스는 베트남에 게스트 하우스를 빌려서 며칠간 개발도 하고 교류도 하는 프로그램으로 노마드코더에서 2번 장학생을 해서 그런지 운 좋게 선정되어서 0..
당신의 일상을 바꿀 크롬 확장 프로그램 3가지
당신의 일상을 바꿀 크롬 확장 프로그램 3가지
2019.12.23👋 들어가며 익스플로러를 떠나고 크롬을 사용한 지가 한 10년 정도 된 것 같다. 그 동안 여러 확장 프로그램들을 사용해왔던 경험을 바탕으로 현재 최종적으로 사용하고 있는 크롬 확장 프로그램들을 소개하고자 한다. AdBlock 애드블록은 인터넷에 넘쳐나는 배너 광고가 넘쳐나는 배너 광고들을 안 보이게 할 수 있는 확장 프로그램이다. 가장 유명한 크롬 확장프로그램이라 소개할 가치가 있을까 싶다. 사실상 크롬 확장 프로그램의 존재 이유라고 봐도 될 정도이다. 웬만한 광고들은 다 차단해주는데, 광고가 너무 지저분할 정도로 있지 않거나 광고를 봐야하는 사이트의 경우 애드블락의 차단을 풀어서 사용하고 있다. 비슷한 컨셉을 아예 디폴트로 가지고 있는 브라우져 혹은 앱들이 속속들이 생겨나고 있는 추세이다. CrxMo..
19.12.22
19.12.22
2019.12.22
당신의 클론 코딩은 왜 실패하는가?
당신의 클론 코딩은 왜 실패하는가?
2019.12.21👋 들어가며 웹 개발 관련 다양한 강의들이 있지만 가장 매력적인 강의는 누가 뭐래도 클론 코딩 강의가 아닐까싶다. 내가 즐겨 쓰는 서비스를 내 손으로 만들어 볼 수 있다는 점은 강의에 대한 흥미를 돋우기 충분하다. 하지만 그 흥미에 비해 결과물인 클론 코딩을 제대로 활용하는 사람은 많지 않은 것 같다. 나름 클론 코딩 강의도 많이 듣고, 시행착오도 많이 겪으면서 결국에는 많은 도움이 되었던 경험을 바탕으로 글을 써보고자 한다. 🤷♂️ 클론 코딩이란? 말 그대로 클론하는 코딩으로, 주로 웹 개발에서 쓰이는 용어이며 인스타그램, 카카오톡, 에어비앤비, 유튜브, 넷플릭스 등 우리가 자주 사용하는 서비스나 웹사이트를 밑바닥부터 만들어가는 강의를 의미한다. 이후 이야기하는 클론 코딩은 클론 코딩 강의를 의미한다..
< 버킷리스트 > 후회스러운 삶을 살지 않기 위해 고민했으면 좋을 것들
< 버킷리스트 > 후회스러운 삶을 살지 않기 위해 고민했으면 좋을 것들
2019.12.15의 맨 마지막 에필로그쯤에 나왔던 영화이다. 인생의 대부분의 목표를 이룬 것 같아 보이는 필이 자신의 버킷 리스트에는 뭐가 들어갈까하며 생각해본다. 그의 버킷리스트는 대부분 소박한 것이었는데 그것이 그가 대단한 대부분의 것들을 이미 이루었기 때문이라고는 생각하지 않고 싶다. 황혼의 문턱에서 진정으로 한 번 이루고 싶은 소원은 정말 소박한 것이 아닐까? 콜이 버킷리스트에 쓴 스카이다이빙이나 히말라야 오르기보다 사실 그와 몇 십년 째 떨어져 지낸 딸을 보는 것 그 딸이 낳은 자식과 시간을 보내는 것 이런 소박한 꿈들이 버킷리스트에 들어갈 것이다. 자 그럼 내 버킷리스트는 뭘까하면서 버킷리스트를 작성해볼까했지만, 25 나이에 버킷 리스트를 쓰는 건 정말 우스운 짓같다. 대신 고민은 할 것이다. 콜..
< 복수는 나의 것 > 복수의 서막
< 복수는 나의 것 > 복수의 서막
2019.12.15박찬욱 감독의 복수 삼부작 《복수는 나의 것》, 《올드보이》, 《친절한 금자씨》의 시작이 되는 작품이다. 전에 보고 오랫만에 추석을 맞아 한 번 더 보게되었다. 다른 두 영화와 이 영화의 다른 점은 제목에서부터 "복수"라는 단어가 있다는 것이다. 영어 제목부터가 Mr. Vengeance이다. (금자씨의 영어 제목도 Lady Vengeance이지만 이건 영어제목이니까..) 제목에서부터 복수를 강조하는 처음부터 복수에 복수로 엮여있는 영화이다. 세 영화 다시 개봉한다면 이 영화가 중간에 들어가는 경우는 있을 수 없을 것이다. 올드보이는 오대수(최민식 역)와 이우진(유지태 역) 사이의 일 대 일 복수극이고, 친절한 금자씨는 백한상(최민식 역)과 금자씨(이영애 역)를 포함한 다수의 가족 사이의 일 대 다수 복수..
[JavaScript] {} + {}의 결과는 뭘까?
[JavaScript] {} + {}의 결과는 뭘까?
2019.12.14해당 글은 JavaScript values: not everything is an object를 번역한 글입니다. 질문 {} + {}의 결과는 뭘까? 자바스크립트에서 객체나 배열들을 더할 때 우리는 종종 예상치 못한 결과물을 얻곤한다. 이러한 결과물이 생긴 이유에 대해서 알아보자! 자바스크립트의 더하기 연산 법칙은 간단한다. 오직 숫자(number)나 문자열(string)만 더할 수 있다. 숫자와 문자열 이외의 다른 모든 값들은 더하기 연산을 만나면 이 둘 중 하나로 변하게 된다. 해당 변환이 어떻게 이루어지는 지 알기 위해서는, 몇 가지 사실에 대해서 이해해야한다. 자바스크립트는 원시값(primitives)과 객체(objects) 두 종류의 값으로 이루어져 있다. 원시값에는 undefined, null..
[노션] 💡 기록은 여기에 노션
[노션] 💡 기록은 여기에 노션
2019.12.13✍️ 기록하다 학창시절에는 공부시간, 해야할 공부들만 기록하는 게 목적이였기 때문에 다이어리보다는 계획만 세울 수 있는 얇은 노트를 사용했다. 그러나 그러나 대학에 들어오니 기록할 것들이 많아졌다. 영상을 만들때는 머리에서 기획 아이디어들이 떠나지 않게 기록해야 했고, 물론 각종 학과 및 동아리 행사들, 그리고 각종 수업들의 과제와 퀴즈, 시험 일정들을 기록해야 했다. 내가 가장 좋아하는 영화에 대해서도 어떤 영화가 언제 개봉할 지, 올해 내가 어떤 영화를 봤는 지, 어떤 영화를 보고 싶은 지 기록해야 했다. 드라마, 책에 대해서도 마찬가지이다. 이 모든 것들 기록하기에 다이어리는 너무 지엽적이다. 그리고 매년 바꿔야하고 손으로 써가면서 기록하는 일은 뭔가 귀찮았다. 요즘도 다이어리를 드록는 다니지만 3..
[JavaScript] Ajax
[JavaScript] Ajax
2019.12.11웹 어플리케이션의 사용성은 데스크톱 어플리케이션에 비해 현저히 떨어져있었다. 고전적인 웹 어플리케이션 유저가 폼 영역을 채우고 폼을 제출한다. 브라우저가 서버에게 보낼 요청을 생성한다. 서버가 브라우저가 렌더할 정확한 페이지를 포함한 응답을 생성하고 보낸다. 브라우저가 새로운 페이지를 로드하고, 잠시 브라우저의 윈도우가 깜빡거린다. 클라이언트는 서버의 답을 기다리고 전체 페이지를 새로운 데이터로 다시 로드한다 동기적인 요청이 서버에서 처리되는 동안, 유저는 클라이언트 웹 브라우저와 상호작용할 수 없다. 동기적 모델은 하이퍼텍스트 문서들의 웹을 위해 고안되었다. Ajax 웹 어플리케이션 Ajax 어플리케이션에서, 유저는 페이지와 상호작용한다. 클라이언트는 요청을 처리하기 위해 XMLHttpRequest라는..