Web/Vue

Vue.js 적용, 설치, 세팅 및 이벤트버스 (Event Bus) 사용 방법

✋ vue.js 개념, 설치, 세팅, package.json, 이벤트버스 (Event Bus) 방법 현재 Vue는 다른 프레임워크들 ( react: Facebook, angular: Google ) 과 어깨를 나란히 견줄 수 있을만큼 무섭게 성장하는 프레임워크입니다. Vue는 지금 현재 급격히 관심이 늘고 있는 자바스크립트 프레임워크입니다. 2014년에 출시를 하였고, Vue는 ES5기능을 이용하기 때문에 그 아래 버전을 구현한 IE8 이하 버전에서는 사용이 불가합니다. ⚡️ vue.js Vuejs는 브라우저에서 바로 적용해서 사용하실 수 있습니다. 기존 프로젝트에 추가로 적용되더라도 전혀 충돌없이 함께 사용할 수 있기 때문에 부담없이 시작할 수 있습니다. Vue는 자바스크립트 프레임워크입니다. View..

코딩테스트/Javascript

코딩테스트 자바스크립트(JS) 기초 대비2

✋ 자바스크립트 (JS) 기초적인 다양한 문제들을 다루겠습니다. ⚡️ 백준 구구단 문제, 합 문제 백준내의 대표적이고 기초적인 두문제에 대해서 다루겠습니다. 📌 백준 2739번 구구단 문제 for문과 template의 literal 형식을 사용하여 풀이를 해봤습니다. 다음문제는 사용자의 입력을 받는 문제입니다. 따라서 const input = require('fs').readFileSync('/dev/stdin').toString().split('\n');을 선언하는 것이 중요합니다. 사용자 입력 관련해서 아래 링크를 참조하면 자세한 설명을 볼 수 있습니다. 2022.06.23 - [코딩테스트/Javascript] - 코딩테스트 기초 대비 (Javascript 입력 input 방법) 📌 백준 8393번 ..

코딩테스트/Javascript

코딩테스트 자바스크립트(JS) 기초 대비1 (사용자 입력 input 방법)

자바스크립트 간단한 문법부터 복잡한 코딩테스트 문제까지 다양한 문제들을 다룰 예정입니다. 먼저 간단한 자바스크립트 문법입니다. ⚡️ 기초적인 자바스크립트 문법 일단 해당 문법은 자바스크립트 문자열을 출력하는 자바스크립트 문법입니다. 📌 JS 입력 모듈 *자바스크립트로 코딩을 할 경우 알아야 할 점이 있습니다. 바로 입력을 할 경우 인데요. 자바스크립트는 입력 모듈을 따로 require해야 합니다. 이런 식으로 입력 문제의 경우 무조건 첫 줄에 명시를 해주어야 합니다. 다음 문제에서 적용한 예시를 보이겠습니다. 백준 9498번 시험 성적을 입력하고 출력하는 문제입니다. 다음과 같이 첫줄에 'fs'라는 모듈을 require한 후에 입력을 받습니다. 그 다음 if문 처리를 하여 문제를 해결하였습니다. 항상 위..

기타/애드센스

구글 애드센스 (adsense)로 돈벌기

요즘 블로그로 수익을 내는 사람들이 많아지고 있습니다. 저도 블로거이고, 수많은 사람들이 티스토리를 통해 블로그를 개설하는 중입니다. 맨 아래에 블로그를 개설하는 방법에 대해 상세히 설명했는데 참조해놓았습니다. 참고하세요. 많은 종류의 플랫폼 (구글, 다음, 네이버) 들 중에 다음의 티스토리를 선택해서 개설한 이유는 바로 구글 애드센스때문입니다. 모두 광고를 통해서 돈을 벌기를 꿈꾸지만 현실은 쉽지않고 사용자도 유입이 잘 되지 않습니다. 주로 유입이 안되는 이유는 (SEO최적화를 안해놔서 그렇습니다) 아래 URL 참조하세요. 세계에서 1위인 블로거의 수입은 한달만 해도 4억이 넘는다고 합니다. 그치만 우리나라 블로그의 대부분은 방문자 수를 늘리기가 쉽지가 않아서 생각보다 쉽게 포기합니다.. 그리고 제일 ..

Web/CSS

CSS Position ( static, relative, absolute, fixed )

Css 포지션에 관해 설명해드리겠습니다. 포지션이란 태그들의 위치를 결정하는 CSS입니다. 먼저 static에 대해 알아봅시다. 📌 static 태그들을 생성하면 그 태그들의 포지션은 일단 static입니다. 한마디로 static은 디폴트값입니다. 특성은 차례대로 쌓이는데요. 다음 예시를 통해 단단히 이해합시다. 위에서부터 아래로 차례대로 쌓입니다. 📌 relative 태그의 위치를 바꿀 때 사용하는 속성입니다. relative를 통해서 위, 오른쪽, 아래, 왼쪽으로 위치를 조절할 수 있습니다. 그리고 absolute를 쓸 때 위치를 잡아주는 영역입니다. 즉 relative는 absolute가 하위태그에 존재할 때 마음껏 이동을 못하도록 방지하는 역할을 합니다. 영역 제한의 역할을 가집니다. 📌 abso..

기타/블로그 개설방법

티스토리 사이트맵(sitemap), RSS등록하기 (k.kakaocdn 방지)

구글 서치 콘솔 / 네이버 웹 마스터 도구에 내 블로그 등록하기 📌 구글 서치 콘솔 1) 왼쪽 URL 접두어에 내 블로그 주소를 입력한 후, 소유권을 확인인증을 해야 합니다 2) 아래 HTML 태그 탭을 열어서 태그를 복사해준다 3) 새로운 페이지를 열어서 티스토리 블로그 관리자 -> 스킨편집 -> html 편집 -> html 탭에 들어간 후에 태그 사이에다가 복사했던 태그를 붙여 넣어줍니다. 4) 그 후 완료를 눌러주면 인증이 완료됩니다. 📌 네이버 웹 마스터 도구 1) 연동사이트 목록 -> 블로그 주소 입력 그 후는 구글 서치 콘솔과 마찬가지로 과정이 동일합니다. meta태그를 복사한 후에 블로그 관리자 페이지에서 html편집에다가 태그 사이에다가 코드를 붙여넣어주고 완료를 누르면 인증이 완료됩니다...

기타/블로그 개설방법

티스토리 블로그 개설하기

이전에는 티스토리에 가입하려면 초대장이 필요했습니다. 그렇지만 현재는 초대장 시스템이 사라져서 누구든지 가입을 할 수 있게되었습니다. 따라서 저처럼 타 블로그에서 유입되어온 사람들이 많을까 싶네요. 일단 블로그에 가입하기에 앞서 티스토리에 가입을 해주셔야 합니다. 다음가입과는 별개입니다. 티스토리 홈페이지로 이동합시다. 티스토리 홈페이지에서 가입하기 버튼을 누르고 다음과 같은 양식을 적어서 제출합시다. 그 후에 블로그 이름과 블로그 주소를 기입합니다. 블로그 주소는 후에 URL로 사용됩니다. 블로그를 개설한 뒤 조정해야 할 설정들이 몇 가지 있습니다. 블로그 관리 바로가기 버튼을 클릭해서 블로그 관리 페이지로 들어가 줍시다. 다음과 같이 포스트 주소를 숫자로 설정을 해주어야 합니다. 주소 URL에 한글이..

기타/블로그 개설방법

네이버블로그, 티스토리, 구글블로그 (블로그스팟)

블로그를 선택할 때 플랫폼이 여러가지가 존재합니다 많은 플랫폼중에 무엇을 선택할지가 참 고민입니다. 저는 세개의 플랫폼을 전부 이용해보았습니다. 결론적으로 말하자면 티스토리가 제일 낫다고 할 수 있겠네요. 첫번째로 네이버블로그에 대해 설명 드리자면 네이버 블로그 장점은 대한민국 사람들이면 대부분 네이버를 검색엔진으로 사용하므로 네이버 블로그가 제일 자주 검색엔진에 노출된다는 장점이 있습니다. 그리고 네이버에서 운영하는 서비스인 만큼 네이버블로그가 상위권에 노출되죠. 단점은 HTML코드 수정이 불가합니다. 그로 인해 애드샌스라는 구글 수익 프로그램을 사용하기가 힘듭니다. 따라서 수익이 자주 나기 힘든 구조이죠. 그저 본인이 글을 편하게 쓰고 싶고 수익과 상관없다 싶을 때 네이버 블로그를 써주시면 될 것 같..