profile
프론트앤드 개발을 공부하는 중입니다:)
post-thumbnail

Sitemap 과 SEO에 대한 정리

sitemap 은 웹사이트 URL 목록검색엔진에 어떤 콘텐츠를 사용할 수 있는지, 그리고 콘텐츠에 도달하는 방법을 알려주는 로드맵 역할을 한다.sitemap이 seo에 적용되는 방식은 출처:https://www.affde.com/ko/technical-seo-

2022년 4월 1일
·
0개의 댓글
post-thumbnail

this 너는 무엇이니

자바스크립트의 this... 그때마다 달라지는 this라는 아이에 대해 다시한번 개념을 정리하고자하여 정리해 보았다binding : 호출한 대상에게 실제 함수를 연결 짓는것전역을 감싸는 객체, 즉 코드 전체를 아우르는 객체이다.브라우저 환경에서 전역객체를 window

2022년 3월 18일
·
0개의 댓글

Vue.js 프로젝트 구조 - views와 components의 차이

Vue로 작업을 하면서 views폴더와 components 폴더의 차이에 대해 다시한번 정리를 하고 싶어 이 글을 작성하게 되었다.Vue로 컴포넌트를 만들면서 자주 사용하는 구조가 views와 components인데 둘의 차이점은 무엇인가!?views와 componen

2022년 3월 18일
·
0개의 댓글
post-thumbnail

reduce를 사용해보자

사용을 잘 안하게 되는 reduce 이상하게 reduce는 잘 사용을 안하게 되는 method중에 하나였다 ! 하지만 일을 하다보니 reduce를 써야하는 상황에 닥치게 되었고, reduce를 다시 공부해 보기로 마음 먹었다.! Array.prototype.redu

2022년 3월 16일
·
0개의 댓글
post-thumbnail

Vue gtag click 이벤트 설정하기!! ( Google Analytic )

이번에 작업을 진행하다가 ga를 삽입해 달라는 요청을 받았다. 단순히 vue에 gtag를 설치해서 기본적으로 사용을 하고 있었는데 요청인즉 현재 사이트에서 버튼을 클릭했을때 얼마나 클릭이 되는지 확인을 해보고싶다는 요청이었다. vue에 연결할수 있는 gtag에 대해서

2022년 1월 28일
·
0개의 댓글

Vue.js란 무엇일까

vue.js에 대해 "vue.js 철저입문" 책을 정리하고 저의 생각을 정리한 내용입니다프론트앤드 개발자로서 시작을 하게 되었지만 , 공부하던 react가 아니라 vue를 접하게 되었다.react와 vue는 같은 결을 가진다고 하지만 여러모로 어쨌든 공부를 해야한다는

2021년 7월 13일
·
0개의 댓글

argument와 parameter ( 전달인자와 매개변수)

parameter 와 argument의 차이점현재 argument 객체는 배열과 유사하게 인덱스 접근이 가능하다. argument는 1,2,3 전달인자는 1,2,3을 전달하고 있다.sum함수는 매개변수를 정의하지 않고 있다형태로 나타낼 수 있다. 파라미터 paramet

2020년 7월 1일
·
0개의 댓글

object['key']와 object.key의 차이점

javascript의 객체의 접근 방식두가지의 차이점을 비교 !객체의 접근하는 방식으로는 objectkey 방식과 object.key 방식이 존재한다.an으로 접근하는 것과 a.n으로 접근하는 값은 다른값이다.an으로 접근하는 것은 2를 출력a.n으로 접근하는것은 a.

2020년 6월 30일
·
0개의 댓글

유용한 vscode extension

ctrl shift p - 검색기능 이용할 수 있다Material Theme : 다양한 색상을 이용해서 vscode를 사용할수 있다.Material Icon Theme : 아이콘 테마를 바꿀 수 있다.Prettier : code를 포맷하주는것ctrl + , : set

2020년 5월 17일
·
0개의 댓글

자바스크립트 객체 정리

함수, 클래스 (틀 ) ⇒ 객체 , 개체, object틀로부터 개체(인스턴스) 를 만들어서 사용객체를 만들어내는 틀의 역할을 하는 함수를 생성자 함수라고 한다.function 틀 ( ) { } = > new 틀 ( ) 함수를 만들어서 틀을 만들고 틀로부터 new라는

2020년 5월 17일
·
0개의 댓글

자바스크립트 함수정리

function 이라는 단어 사용function 은 객체중의 하나 ⇒ 내장객체함수도 객체의 한 종류이다함수의 매개변수 선언함수의 리턴함수를 만들때 사용하는 키워드함수를 변수에 할당할 수 있다.선언적 방식으로 선언하게 되면 호이스팅되어 사용이 된다.익명함수의 경우 var

2020년 5월 17일
·
0개의 댓글

반복문 ( for문 )

유한한 횟수만큼 반복할 때는 for문을 사용한다반복문을 즉시 종료하고 싶을 때는 블럭 안에서 break; 를 실행하면 가능반복되는 블록 안에서 continue; 를 만나면 해당블록은 종료무한 루프조건이 거짓이 될때까지 반복 실행 } 조건이 거짓이 될때까지 반복 실행

2020년 5월 17일
·
0개의 댓글

if , switch, while 조건문

표현식이 참으로 평가될 때, 실행되는 블럭블록코드가 한줄일때는 { } 생략 가능Falsy 한 값Truethy 한 값else{ }if가 아닐때의 조건이 elseelse if { }if에 해당하지 않고, 다양한 조건을 이용할 때 사용 가능논리연산자를 이용한 조건문 평가 (

2020년 5월 17일
·
0개의 댓글

변수와 scope, hoisting

keword - 특정한 목적을 위해 사용하는 단어var = 변수를 선언할때 사용하는 키워드예약어 (reserved keyword) : 변수명, 함수명으로 사용할 수 없는 단어ex> return, for , function 등등 이미 사용된 단어사용하면 오류가 발생한다.

2020년 5월 17일
·
0개의 댓글

use strict 선언의 이유

js 파일 제일 맨 윗줄에 선언순수 자바스크립트의 경우 선언되지 않은 값을 할당해도 문제가 발생하지 않는다x에 대해서 선언이 되어 있지 않다.하지만 error를 발생시키지 않는다그러한 문제점을 해결하기 위해서선언되지 않은 값을 할당했을경우 에러가 발생하도록 하기 위해

2020년 4월 27일
·
0개의 댓글

async vs defer

스크립트를 html에 포함하는 방식은 여러 방식이 존재한다.그중 제일 많이 쓰이는 방법은 head안에 script를 넣는 방식 혹은 body 맨 뒤에 script를 포함하는 방식을 많이 사용한다.그중 script를 head안에 포함하는 방식중 defer속성과 async

2020년 4월 27일
·
0개의 댓글