분류 전체보기
IT 및 일상을 공유합니다.
[Adfit] 티스토리 카카오 애드핏 광고 승인 및 설정
구글 애드센스가 30일 정지 당한겸.. 😢 저와 같은 분들이 있기에.. 티스토리 카카오 애드핏 연동 방법과 가입 및 심사 과정에 대해서 포스팅해보도록 하겠습니다. 카카오 애드핏은 구글 애드센스보다 통과하기 쉽다고 하니 한번 도전해 보시길 바랍니다. 카카오 애드핏 연동 승인 조건 블로그 개설 30일 이상 3개월 내 공개 발행글 20개 이상 저는 포스팅 글 30개 이상이 되자마자 카카오 애드핏 신청을 바로 진행했습니다. 구글 애드센스를 사용 못하니.. 그냥 애드핏이라도 해보자 하는 마음으로 진행했던거같아요 매일 방문자는 10~30명 정도 들어오시는데 방문자 신경 안 쓰고 그냥 위에 조건에 부합하니 바로 신청했습니다. 티스토리 - 수익 - 카카오 애드핏 승인 조건에 만족하니 아래와 같이 카카오 로그인 창이 나..
[JS] 자바스크립트 이벤트 흐름 (버블링, 캡쳐링)
이벤트 전파 (Event Propagation) 이벤트 전파(Event Propagation) 란. HTML 요소에서 이벤트가 발생했을 때 연쇄적인 흐름이 일어나게 되는데 이러한 현상을 이벤트 전파(Event Propagation) 라고 하며, 전파 방향에 따라서 버블링과 캡쳐링으로 구분 짓는다. 이벤트 버블링(Bubbling) HTML 요소에서 이벤트가 발생하면 이 요소에 할당된 핸들러가 동작하고, 이어서 바깥 부모 요소의 핸들러가 작동되며 끝으로 최상단 부모 요소까지 반복되어 핸들러가 작동된다. 즉 자식 요소에서 발생한 이벤트 핸들러가 최상단 부모요소까지 전파되는 것이다. FORM DIV P 가장 안쪽 p 태그를 클릭하면 버블링 원리로 p 태그부터 최상단까지 onclick 이벤트 핸들러가 동작합니다...
[구글광고] 구글 에드센스 30일 정지
아침에 이메일을 확인하는도 중 구글 에드센스에서 이메일이 와 확인해 봤습니다. 보자마자.. 이거.. 뭐지?? 이런;;; 급히 구글 에드센스에 접속해 보니, 계정이 일시 정지되어서 광고게재가 중단되었다고 나왔습니다. 정책센터에서 확인해 보니, 무효 트래픽 문제로 30일 정지를 받게 되었다고 합니다.. 후.. 구글 에드센스 승인 났다고 막 엄청 좋아하면서 지인이나 주변에 링크 뿌리고 제가 포스팅할 때 실수든 고의로 했든 광고 클릭해서 정지당한 것 같습니다.. 뭐 억울한 부분도 있고, 그동안 수익 내려고 글 쓰면서 하루하루 재밌게 보냈는데 갑자기 1달 정지라 축 처지는 것도 있고... 너무 짜증이 나네요 ㅠㅠ "이번 계정 정지는 일회성 조치이며 이의신청은 받지 않습니다. 30일이 지나면 계정에서 광고 게재가 ..
[Nuxt] Axios interceptors 사용하기
Nuxt2로 프로젝트를 진행하면서 백엔드 서버와의 통신할 때 제가 Axios Interceptors 설정과 처리하는 방식을 한번 작성해보려고 합니다. Axios Interceptors 란? request와 response가 then 또는 catch로 처리되기 전에 가로챌 수 있게 해주는 axios 라이브러리입니다. 정리하면 Http Request , Response가 then catch 처리되기 전에 부가적인 처리 작업을 할 수 있습니다. Request Interceptors? config 옵션 설정 headers 설정 jwt 인증이나 관련 부분 처리 -> 헤더에 담아서 보낼 때 로딩 관련 로그 작업 Response Interceptors? 에러 핸들링 -> statusCode 별로 에러 처리나, 에러 ..
[WebGL] Unity WebGL Brotli 압축에 대한 Nginx 서버 설정
Unity WebGL 프로젝트 파일을 웹 브라우저에서 실행하면서 성능을 최대한 내기 위해 배포된 서버에서 Brotli 설정하는 방법을 소개합니다. 그러나 이러한 압축방식으로 최적화를 하고싶지 않다면 유니티에서 빌드할 때 gzip으로 설정하면 됩니다. ● 이전 포스팅에서 Unity WebGL 프로젝트를 웹 브라우저(Nuxt)에서 실행하는 방법을 참고하시고 진행하시면 됩니다. 느린 개발자 프론트엔드 백엔드 학습정리 및 정보공유 블로그입니다. stack94.tistory.com Brotli 이란? Brotli 압축 방식은 Gzip 보다 나은 압축률을 제공하는 손실 없는 압축 알고리즘입니다. 그러나 아직 모든 웹 서버나 모든 브라우저에서 지원 되는 것은 아니기 때문에 호환성 체크가 필요합니다. 보통 IE에서는 ..
[회고] 프론트엔드(Frontend) 개발자로서 시작.
2022.06.07 ~ 2022.12.31. 2022년 프론트엔드(FrontEnd) 개발자로 시작하여 22년 한 해 마무리까지에 대한 회고 글입니다. 간단하게 이전 저의 배경은 안드로이드 개발 1년반, 교통 카메라 분야 C# WPF 개발로 2년 정도 있었습니다. 이후 웹 프론트엔드와 백엔드 분야에 관심이 생겨, 21년 12월 퇴사 후 6개월간 취업준비하여 프론트엔드 개발 파트로 취업하게 되었습니다. 🤔 프론트엔드 개발자로 취업 준비를 하면서 느낀 점. 프론트엔드 개발자로 전향하려고 마음 먹으면서 여태 했던 개발에 대해 느꼈던 부분은, 아 내가 여태 해왔던 개발 방법과, 이론, 문제 해결 능력이 너무 틀에 박혔다는 생각이 들었다. 전공자로 대학부터 코딩을 했지만. 이론과 개발은 그냥 구글링, 그때 당장 기..
[Prettier] eslint: delete `␍`(prettier/prettier) 에러
회사에서 프로젝트 환경을 구성하는 도중 맥 OS 환경에서 또는 윈도우 환경에서 협업을 할 때 맥북에서 작업하던 코드는 분명 이상이 없었는데, 윈도우 환경에서 Pull 받아 작성하니 코드 끝마다 에러를 발생하는 문제가 생겼습니다. eslint를 적용했을때 이런 문제가 생겨서 발생한 원인과 에러를 정리해 봤습니다. 원인 eslintrc.js 에서 설정한 부분 중. endOfLine에서 설정한 LF에 문제였습니다. LF: Line Feed(\n) CR: Carriage Return(\r) 설명하자면 각각 새로운 줄 바꿈을 바꾸는 방식에 대한 설정값입니다. LF에 경우 현재 커서의 위치에서 한 줄을 커서의 위치 변화 없이 아래로 내리는 방식이고, CR은 현재 줄에서 커서의 위치를 맨 앞으로 옮기는 방식입니다....
[맛리뷰] 경기광주 퇴촌 돌짜장 맛집
영업시간 오전 11시 ~ 오후 6시 30분 월요일 휴무 위치 경기도 광주시 퇴촌면 산수로 894 HTML 삽입 미리보기할 수 없는 소스 주차 가게 앞 주차장이니 바로 주차하시면 됩니다. 평일에도 은근 손님들이 많긴한데 주말에는 미어터져서.. 좀 빡세긴해요 퇴촌 돌짜장 가끔 경안천 습지생태공원으로 드라이브를 가곤하는데 손님들이 많이 없을때 들러서 먹고 집에 가곤 했다. 유튜브에서도 소개된 곳이고, 경기 광주 사람들은 웬만하면 다 아는 곳이라고 생각한다. (사람이 너무많긴해요.. 주말에는 좀 기다려야함.. ㅠ😢) 🐷 메뉴판 가격은 29.000원 중 사이즈 40,000원 대 사이즈 2명이서 가면 중으로 먹고 비벼먹는밥 시켜서 마지막에 비벼먹으면 딱 맞다. 건장한 남자들이가면.. 그냥 대 사이즈로 시키자. 매운..
[맛리뷰] 경기광주 초밥 스시이즈미 / 구 슌지
영업시간 11시 30분 ~ 22시 브레이크 타임은 14시 ~ 17시 위치 경기 광주 포돌이로 15 상가동 1층 김 과장 고깃집 옆 HTML 삽입 미리보기할 수 없는 소스 주차 가게 앞 대로변에 주차하면 되는데 보통 꽉 차있음,, 그래서 그냥 유료 주차장을 하나 알려드리겠습니다. 주꾸미 아저씨와 김 과장 고깃집 사이 골목길로 직진하여 앞 GS 편의점 보이는 쪽까지 걸어가시면 왼쪽에 메가할인마트가 보이는데 거기 유료주차장에 주차하시면 됩니다. HTML 삽입 미리보기할 수 없는 소스 이쪽에다가 주차 하시면 됩니다. 가격에 대한 정보는 사진을 참고하시면 됩니다. 메가 할인마트 주차장인줄 알았는데,, 셀세모 주차장이네요? 같이 하시는건가?? 스시 이즈미 (구) 슌지 슌지 일 때는 가본 적은 없지만 김 과장(고깃집..
[일상] 삼일절의 하루
삼일절의 일과. 요번 주 수요일이 삼일절이라 회사를 쉬는 김에, 더... 쉬고 싶어 목금을 붙여서 휴가를 썼다. 어제저녁, 다음날이 쉬는 날이니 좀 더 저녁 늦게 무언가를 또는 취미 생활을 하고 싶었다. 그러나,,, 매일매일 저녁 10시 30분 아침 7시 같은 일상패턴으로 적응된 내 몸이 방해했다. 후... 거의 군인인데..??? 결국 잠이 들었다.. 꿀잠?? 오전 평상시와 똑같이 아침 7시에 울리는 알람. 아,,, 내가 알람을 안 껐구나? 젠.. ㅈㅎ 일찍 일어난 김에 아침밥을 먹고, 놀면 뭐 하니를 시청했다. 아 여자친구 빨리 깨우고 싶은뎀... 10시 30분, 도저히 참지 못하겠다. 여자친구 깨우러 전화했다. 아직도 비몽사몽 ㅎㅎ 재밌네 ㅋㅋㅋㅋ 오후 여자친구 논술지도사자격증?? 시험 겸, 우리가 ..
[TIL] 서버 개발 공부 시작 (인트로)
목표 🤔 3월부터 꾸준하게 서버에 대해서 공부해보려고 한다. 주변 아는 지인과 함께 각각의 언어로 토이 프로젝트를 진행해보려고 하는데, 서버만 일단 만들기로 한다. MSA 아키텍처도 나름 구성해 보고, CICD 무중단 배포도 해보고, 프론트는 디자인,,, 좀 나중에 하자.. ㅎ 잘할 수 있겠지...? 환경구성 ERD 툴 ERD Cloud에서 나름 ERD를 그려서 진행해볼까 한다. ERDCloud Draw ERD with your team members. All states are shared in real time. And it's FREE. Database modeling tool. www.erdcloud.com 언어 및 프레임워크 지인은 스프링부트. 본인은 Express + Typescript 기반으..
[docker] 도커 파일(Dockerfile)의 문법 및 작성 예시
❗ 이번 포스팅에서는 "DockerFile"에 대해 한번 정리해보고자 합니다. 빌드하는 관정 및 다양한 옵션과 주요 지시자에 관한 내용이므로 참고하시기 바랍니다. DockerFile 이란? Docker Image를 생성하기 위한 설정 파일입니다. 파일 내 작성된 구문으로 Docker Image가 만들어집니다. DockerFile 문법 주요 지시자 종류 구문 설명 # 코멘트 FROM 베이스 이미지(Base Image) 지정 MAINTAINER 이미지를 생성한 사람의 이름 및 정보 LABEL Key-value 형식으로 작성된 메타 데이터 RUN 컨테이너 빌드를 위한 실행 Commands COPY 컨테이너 빌드시 호스트 파일을 복사 ADD 컨테이너 빌드시 호스트의 (tar,url)을 복사 WORKDIR 컨테이..