최근 장마 때문에 비가 많이 옵니다. 저번주 주말에 노트북을 들고 나갔다가 액정에 물이 들어가는 사고가 발생했는데요. 가방에 노트북을 넣어뒀는데 방수가 안 되는 가방이어서 폭우로 인해 가방이 젖었나 봐요. 비록 4년이 지나기는 했지만 당시 200만 원이 넘게 주고 산 노트북이기에 마음이 너무 아팠습니다. 저처럼 최근 장마철로 인해 노트북 액정에 물이 들어가는 분들이 저 말고도 여럿 있으실거 같아서 포스팅으로 남겨봅니다. 노트북에 물이 들어갔을 때 대처방법저 같은 경우, 노트북이 물에 들어갔다는 사실을 다음날 알아서, 초기 대처가 늦었습니다. 늦었지만 가만히 있는것 보다는 나았기 때문에 구글링을 통해 알아낸 취할 수 있는 모든 조치를 취했습니다. 전원 차단 및, 배터리 분리 : 노트북을 다시 끄고, 배터리..
웹개발을 하다 보면 쿠키값을 만져야 하는 경우들이 생기는데요. HTTP 쿠키란 웹 서버에 의해 사용자의 컴퓨터에 저장되는 데이터를 일컫습니다. 이 쿠키를 사용하면 사용자를 특정할 수 있고, 사용자의 행동을 트래킹 할 수도 있고, 서버에 저장되어야 할 정보들을 분산하여 저장하여 과부하도 줄여주는 등 다양한 장점이 있는데요. 이번 포스팅에서는 이 쿠키값을 제어하는 방법과, 사용 시 주의사항에 대해 알아보도록 하겠습니다. 자바스크립트 쿠키 사용법 쿠키를 제어하는 방법 자체는 크게 어렵지 않지만 가끔 개발하다보면 보안상의 이유로 쿠키가 제대로 동작하지 않는 경우들이 있습니다. 그래서 웹 정책들을 잘 알아야 하는데요. 아래 주의사항을 한 번씩 읽어보고 개발을 진행해 주시기 바랍니다. 쿠키 사용시 주의사항HTT..
2023년에 스택오버플로우에서 전 세계 웹 개발자를 상대로 사용하는 기술 스택을 조사했는데 리액트(React)가 40.58%의 점유율로 Node.js 다음으로 많이 사용되고 있다고 합니다. React를 개발한 페이스북, 인스타그램은 물론이고 넷플릭스, 에어비앤비, 트위터 등 수많은 기업이 이 React로 개발을 진행하고 있다고 하는데요. 리액트(React)가 무엇이기에 이렇게 인기가 있는 걸까요? 리액트(React)란?리액트는 SPA(Single Page Application)을 위한 자바스크립트 라이브러리입니다. 2013년 페이스북(현 메타)에서 공개하였습니다. 리액트는 웹 UI를 작성하기 위한 목적으로 만들어졌으며 순수하게 자바스크립트만을 이용해서 만들 수 있고, UI영역의 재사용을 위해 '컴포넌트..
웹팩(Webpack)이란?웹팩(Webpack)은 오픈 소스 자바스크립트 모듈 번들러입니다. 여기서 모듈 번들러는 여러 개의 모듈을 하나로 조합하여 하나의 파일 또는 여러 개의 파일을 하나로 묶어주는 도구를 뜻합니다. 이렇게 여러 개의 모듈을 하나로 묶어주면 서버에 보내야 하는 HTTP 요청을 줄이고, 프로그램 성능을 최적화할 수 있습니다. 특히 Webpack은 최근에 유행하는 React, Angular, Vue와 같은 최신 프론트엔드 프레임워크에서 널리 사용됩니다. 그렇다면 모듈이란 무엇일까요?여러개의 모듈을 합친다? 여기서 모듈은 무엇일까요? 개발자가 개발을 할 때, 유지보수와 개발효율성을 고려해서 여러개의 .js파일로 나눠서 개발하게 될 텐데요. 여기서 위의 .js 하나하나가 다 모듈이라고 할 수 있..
주차, 자동차 같은 표지판에 특수기호를 사용하면 글로 쓰는 것 보다 명확하고, 깔끔하게 의사를 표시할 수 있습니다. 윈도우에서도 이모지 기능을 사용하면 표지판의 그 기능을 사용할 수 있는데요. 원하는 이모지를 한번에 찾기가 힘들어 포스팅으로 정리합니다. 필요하신분들은 복붙하셔서 사용하시면 좋을 것 같습니다. 🅿️ : 주차 표시🚗 : 자동차🚘 : 다가오는 자동차🏎️ : 레이싱카🚌 : 버스🚍 : 다가오는 버스🚎 : 트롤리버스🚐 : 미니버스🚑 : 구급차🚒 : 소방차🚓 : 경찰차🚔 : 다가오는 경찰차🚕 : 택시🚖 : 다가오는 택시🚙 : 지프차🚚 : 배달 트럭🚛 : 트레일러🚂 : 기차🚃 : 지하철🚄 : 고속 기차🚅 : 고속 기차🚆 : 고속 기차🚇 : 지하철🚈 : 지하철?..
X표시나 금지를 알려야할 때 금지 표시 특수기호를 쓰면 아무래도 직관적으로 표현할 수 있기 때문에 보는사람들로 하여금 깔끔합니다. 금지 특수기호는 윈도우 이모지는 [Window Key] + [.] 키를 같이 눌러 찾으면 되는데요. 원하는 이모지를 한 번에 찾기가 힘들기에 포스팅으로 정리합니다. 필요하신분은 복붙 하셔서 사용하시면 좋을 것 같아요. ❌ : 금지 기호⚠️ : 경고 기호⛔ : 진입 금지🚫 : 출입 금지 기호🚷 : 보행 금지🚯 : 쓰레기 무단 투기 금지 기호🚳 : 자전거 금지🚱 : 식수 금지 기호🔞 : 18세 이하 금지 기호📵 : 휴대전화 사용 금지🚭 : 금연 기호🤷♀️ : 어깨를 으쓱하는 여자🤷 : 어깨를 으쓱하는 사람🤷♂️ : 어깨를 으쓱하는 남자🙅♀️ : 안된다는..
자료를 만들거나 글을 쓸 때 사람 표정 이모티콘을 많이 쓰게 되는데요. 윈도우 이모지는 [Window Key] + [.] 키를 같이 누르면 사용할 수 있지만 원하는 이모지를 한 번에 찾기가 힘들기에 포스팅으로 정리합니다. 필요하신 이모지만 복붙 하셔서 사용하시면 좋을 것 같아요. 웃는 얼굴 특수 문자(이모지) 모음 😄 : 입을 벌리고 미소 짓는 눈으로 웃는 얼굴😊 : 미소 짓는 눈으로 웃는 얼굴😄 : 입을 벌리고 미소 짓는 눈으로 웃는 얼굴😆 : 입을 벌리고 눈을 꼭 감은 채로 웃는 얼굴😀 : 입을 벌리고 웃는 얼굴😃 : 이를 살짝 드러내고 활짝 웃는 얼굴😁 : 이를 드러내고 활짝 웃는 얼굴😂 : 기쁨의 눈물을 흘리는 얼굴🤣 : 바닥을 구르며 웃는 얼굴😉 : 윙크하는 얼굴😋 : 맛..
자바스크립트 ES6부터는 디폴트 파라미터(default parameter)를 사용해 함수 파라미터의 기본값을 지정할 수 있습니다. 이번 포스팅에서 알아보겠습니다. 기본 매개변수(default parameter) 사용법 // 사용법function 함수명(파라미터명="기본값") {// 함수 본문}디폴트 파라미터(default parameter)의 사용법은 간단합니다. 위와 같은 형식으로 파라미터 뒤에 = "초기값"을 지정해 주시면 됩니다. 왜 사용할까?See the Pen 디폴트 파라미터 by 우정태 (@sxqouumz-the-reactor) on CodePen. 기본 파라미터가 왜 필요할까요? 바로 위와 같은 상황을 방지하기 위해서입니다. 자바스크립트에서는 초기화 되지 않은 변수를 사용하더라도 에러가..
안녕하세요, 코딩팩토리입니다. 오늘은 12월 31일. 2023년의 마지막 날을 맞아 매년 해왔던 블로그 결산을 해보려 합니다. 지난 한 해를 되돌아보며 많은 생각이 듭니다. 별다른 사건이 없었던 2023년을 보내며, 앞으로의 제 삶도 이와 유사하게 흘러갈 것 같아 우울한 감정이 들기도 합니다. 저는 현재 직장을 다니고 있고, 퇴근 후에는 운동을 하며 운동이 끝난 뒤에는 유튜브를 보다가 잠이 듭니다. 지난 1년간 이 패턴의 일상을 반복했습니다. 이제는 제 인생이 특별하지 않다는 것을 알 것 같습니다. 앞으로 제가 일확천금을 벌 수도, 아주 잘 나가는 사람이 되기에도 힘들다는 사실을요. 그럼에도 불구하고 저는 언제나 조금 더 나은 사람이 되고자 노력하는 사람이 되고 싶습니다. 의욕을 잃지 말자고, 그 노력을..
안녕하세요. 코딩팩토리입니다. 시간 참 빠르기만 합니다. 이번에도 어김없이 새해가 밝았습니다. 저는 여전히 불안하지만 해가 지날수록 점차 안정적이고 규칙적인 삶을 찾아가고 있다고 생각합니다. 하지만 그렇다 보니 안주하게 되고 도전과 변화에 대한 열정이 식어가고 있다는 사실을 이번 회고에서 뼈저리게 느낍니다. 성장을 멈추는 순간 위기가 찾아온다고 합니다. 2023년에는 잠시 주춤하고 있는 제 삶에 대한 열정을 다시 한번 일으킬 수 있는 한 해가 되었으면 좋겠습니다. 2022년도 블로그 결산 작년 한 해에는 300만 명이 넘는 분들이 제 블로그를 방문해주셨고 페이지뷰는 669만을 기록하였습니다. 사용자와 세션은 작년에 비해 절대적인 수치는 약 10만 명 정도 소폭 늘었지만 페이지뷰 수는 무려 150만 뷰 정..
안녕하세요 코딩팩토리입니다. 와디즈에서 티스토리를 주제로 펀딩을 오픈하게 되어 홍보차 이 글을 작성합니다. 리워드는 전자책과 강의 두 가지 카테고리로 구성되어 있습니다. 강의는 너무 많은 사람들이 몰리면 부담스럽지만 이왕이면 책은 많이 팔렸으면 좋겠습니다. 전자책만큼은 정말 정성껏 만들었습니다. 작년 6월부터 매일 퇴근 후 저녁, 그리고 주말 집 앞에 있는 카페를 매일 드나들며 책의 퀄리티를 높이기 위해 노력하였습니다. 책을 작성하며 남들은 어떻게 전자책을 작성했는지 궁금하여 크몽에서 팔리고 있는 전자책도 몇 권 사보았으나 후기가 좋은 책들도 제가 보기에는 제 책의 퀄리티가 훨씬 높다고 생각하고 더 나아가 제가 만든 이 책이 지금까지 시중에 풀려있는 그 어떤 전자책보다도 정보의 질과 양 모두 최고라고 확..
안녕하세요 코딩팩토리입니다. 조금 늦었지만 이번 포스팅에서는 2022년 새해를 맞아 작년이었던 2021년 블로그 결산을 해보려 합니다. 이번 하반기 들어서 블로그에 신경을 많이 못썼는데도 불구하고 많은 분들이 제 블로그를 찾아주셨습니다. 그리고 지표들을 보면 제 블로그를 주기적으로 찾는 분들이 적지 않게 있는 것으로 판단됩니다. 작년 한 해 제 블로그를 찾아주신 모든 분들께 진심으로 감사드립니다. 2021년도 블로그 결산 위의 지표는 구글 애널리틱스로 2021년 제 블로그를 분석한 결과입니다. 작년 한 해에도 많은 분들이 제 블로그를 방문해주셨습니다. 약 300만 명의 방문자들이 제 블로그를 다녀갔고 총 페이지 뷰 수는 무려 800만 뷰를 넘겼습니다. 방문해주신 모든 분들께 감사드립니다. 월간 포스팅 및..
안녕하세요 코딩팩토리입니다. 코로나와 함께한 2020년도가 끝이 나고 새해가 밝았습니다. 작년에도 제 블로그에 방문해주신 모든 분들께 진심으로 감사드립니다. 개인적으로 작년에 많은 일들이 생겨 블로그를 많이 소홀히 했다는 생각이 듭니다. 블로그 권태기가 와서 일정기간 포스팅을 쉰 적도 있습니다. 또 재미가 아닌 의무감으로 억지로 글을 쓰다 보니 제가 발행하는 포스팅에 점점 영양가가 떨어지고 있다는 생각이 듭니다. 이 부분에 대해서는 진심으로 사과의 말씀을 드립니다. 블로그를 다소 소홀히 했음에도 불구하고 의미 있는 성과가 많이 있었습니다. 이번 포스팅에서는 작년 한 해의 제 블로그의 기록들을 글로 남기고자 합니다. 2020년도 블로그 결산 2020년도 제 블로그를 구글 애널리틱스로 분석한 자료입니다. 사..
쿠팡 파트너스란? 쿠팡 파트너스는 쿠팡에서 운영하는 온라인 제휴 마케팅 서비스입니다. 개인 홈페이지나 블로그, SNS 등과 같이 쿠팡 API를 통하여 만든 상품 링크를 공유할 수 있는 플랫폼을 가지고 있는 사람이라면 누구나 이용할 수 있습니다. 쿠팡 API를 통하여 만든 상품 링크를 소비자가 클릭하여 24시간 내에 구매가 발생하게 되면 구매 상품의 일정 퍼센티지의 커미션을 받는 구조입니다. 안 할 이유가 없습니다. 제 블로그는 코딩에 관련된 정보를 올리는 블로그입니다. 제휴 마케팅을 하면 제 블로그의 정체성이 흔들린다 생각하여 본래 제휴마케팅을 하지 않았습니다. 하지만 쿠팡 파트너스는 조금 다릅니다. 제 블로그에는 제가 구매해보고 사용해본 IT제품들의 후기를 적는 [제품리뷰]라는 카테고리가 있습니다. 코..