Gatsby 블로그 만드는 방법

\-name 과 version 는 필수로 입력을 해야 한다.\-description 는 프로젝트에 대한 기술을 서술하는 곳이다.\-author 는 1명의 사람만 지정하고, 이름, e-mail, url를 적는다\-dependencies 는 프로젝트를 진행하면서 외부 라이

2021년 2월 18일
·
0개의 댓글

Gatsby 블로그 검색최적화

구글에서 검색 작동원리는 크롤링 - 색인 생성 - 검색결과 게재 3단계로 나누어서 이야기 하고 있다.클롤링 : google 크롤러란 자동화 프로그램이 웹의 신규, 업데이터 된 사이트를 찾고, 발견된 페이지의 URL를 저장한다.(구글은 이미 알고 있는 페이지는 링크를 따

2021년 2월 18일
·
0개의 댓글
post-thumbnail

Type script interface vs type alias 누가 승자일까?

TypeScript는 Javascript를 사용하는 많은 사람들이 사용할 만큼 많이 사용을 하고 있다. 그래서 이번에는 TypeScript를 gatsby에 사용하려고 한다. 하지만 TypeScript를 적용하기전에 우선 어떻게 사용하는지를 알아야 하는데 배움의 과정에서

2021년 2월 16일
·
0개의 댓글

vue style scoped

vue style에서 scoped 속성을 가지고있을 때, CSS는 현재 컴포넌트의 엘리먼트에서 적용이된다. 주의사항으로는 경우 하위 import한 자식 컴포넌트에는 style css가 입혀지지 않게 된다.이럴 경우에는 vuetify, merterial ui을 사용할 시

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

Vue Component 재활용 설계

react와 vue로 프로젝트를 하면서 반복적인 코드의 연속을 느낄 수 있었다.평소 component란, 하나의 vue파일이나 js 파일에 아주긴 코드로 인하여 코드의 가독성이 떨어져 component로 나누어서 사용하였다.하지만 이번에는 반복적인 코드로 인해서 재활용

2020년 12월 27일
·
1개의 댓글
post-thumbnail

React vs Vue ... v-model

기업 프로젝트로 Vue를 사용하게 되면서 새로운 도전을하게 되었다.React만 배웟지만 Vue와 비교를 하면서 서로 어떤 차이가 있는지.. 그리고 React 문법을 잊어버리지 않도록 하기 위해서 둘의 차이를 비교하면서 작성할거다.

2020년 12월 20일
·
0개의 댓글
post-thumbnail

AWS 없이 서버 구축하기

공유기에서 제공하는 DDNS기능을 활요하면 쉽게 서버를 구축할 수 있다.하지만 이 세팅을 하기위해서는 많은 용어들이 나온다. 포트포워드... NAT ... DDNS .... DHCP 이런것에 대해서 한번에 정리하려고 한다단어를 풀면, Dynamic Host Config

2020년 12월 13일
·
0개의 댓글
post-thumbnail

kakao map

카카오맵 API 사용하는 방법

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

TIL // 알고리즘 문제

문제문자로 구성된 배열을 input으로 전달하면, 문자를 뒤집어서 return 해주세요.새로운 배열을 선언하면 안 됩니다.인자로 받은 배열을 수정해서 만들어주세요.

2020년 11월 29일
·
0개의 댓글
post-thumbnail

1차 팀 프로젝트 후기

첫 팀 프로젝트가 끝났다\~~!! 하고 싶었는것도 정말 많았고, 시간 부족으로 인하여 못한것도 정말 많았다. 이 기간동안 우리가 만든것을 자랑하고 싶다.우리의 팀명은 프랜디!! 팀 이름으로도 유추할 수 있겠지만 우리 팀은 브랜디라는 싸이트를 클론 코딩을 하게 되면서 팀

2020년 11월 28일
·
1개의 댓글

TIL// fetch 를 이용한 rest-api

2020년 11월 14일
·
0개의 댓글

TIL // RestFul api이란??

URI를 통해서 data를 backEnd와 통신을 하는 것을 REST라고 한다. URI이란?? URI = URL + URN URL은 웹에 게시된 자원의 위치를 나타낸다. 구조는 프로토콜 : 경로로 나타낸다

2020년 11월 11일
·
0개의 댓글

TIL // forEach , map ,reduce

기본적으로 반복을 작업을 하기 위해서 사용을 하며, 같은 반복이지만 사용하는 방법이 다르다형태는 map과 비슷하나 기본 for문과 크게 차이 없다forEach와 비슷하나 return이 존재하면서 같은 배열의 크기 만큼 재구성을 할 수 있다.배열에서 특정 조건을 가지는

2020년 11월 8일
·
0개의 댓글

state props

props는 부모로 부터 받은 데이터로 사정이 불가 state는 데이터 변경이 가능 render 구조분해 할당 const {} = this.state let activateBtn = ( id.length ) ! == 0 ; e.preventDefault() <

2020년 11월 6일
·
0개의 댓글
post-thumbnail

TIL 8 // React Basic

react bind(this)s est6문법에서 => 를 해줄경우에는 따로 bind를 하지 않아도 된다react에서 constuctor아래에 있는 state에서 데이터를 관리하고 표현한다 db의 데이터 베이스와 각 클래스의 데이터state의 데이터가 변경이 되었으면 c

2020년 11월 2일
·
0개의 댓글
post-thumbnail

TIL 7 // 인스타 클론 코딩 기능(2)

Instagram 기능 클론(2)문제점

2020년 10월 31일
·
0개의 댓글
post-thumbnail

TIL 6 // 인스타 클론 코딩 기능

Instagram 기능 클론문제점

2020년 10월 29일
·
0개의 댓글
post-thumbnail

TIL 5 // Git , GitHub

버전관리 시스템이라고 하고 , 역할은 이름 그대로 새로운 업데이트가 생겼을 시 아래의 사진처럼 기록을 남기는 역할을 한다이러한 기록은 문제가 발생한 지점으로 이동이나, 소스를 확인할 수 있다title

2020년 10월 28일
·
0개의 댓글

TIL JS indexOf, toUpperCase, toLowerCase, typeof, parseInt, parseFloat

\-특정 문자열 찾기\-없다면 0 반환\-문자열을 모두 대문자로 변경을 한다\-문자열을 모두 소문자로 변경을 한다종이에 초상화 그리고 내 특징 좋아하는거 \-변수의 타입(type)을 확인 할 수 있다.\-다른 타입(type)의 변수를 정수 , 실수 형태로 변환할 때

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

TIL JS Math

title: TIL JS Mathdate: "2020-10-22"tags: \- javascript\-수학적 계산을 할 수 있다.출처 : https&#x3A;//www.w3schools.com/js/js_math.asp\-가장 가까운 정수로 변환 ( 반올림으로

2020년 10월 25일
·
0개의 댓글