profile
연애하는 개발자
post-thumbnail

Custom Hook

useFetch 커스텀 훅을 만들다가 삽질한 내용을 기록함수형 컴포넌트에서 로직을 쉽게 재사용하기 위해 만드는 hook이다. 재사용 되는 로직들을 커스텀 훅으로 만들어 사용한다.사람들이 자주 만들어 쓰는 커스텀 훅들은 다음과 같다. 아래 1~14번까지는 npm으로 설치

2021년 10월 5일
·
0개의 댓글

React Hooks 총정리

hook에 관해서 공부한 내용커스텀 hook은 다른 글에서 다룰예정요약하자면 Hook은 함수형 컴포넌트가 클래스형 컴포넌트의 기능을 사용할 수 있도록 해주는 기능이다.React 16.8 버전 (2019년도) 에 추가된 공식 라이브러리 Class형 컴포넌트에서만 쓸 수

2021년 10월 5일
·
1개의 댓글

Sass (CSS 활용)

리액트에서 CSS 작성법으로 Sass를 사용하기 위해 공부한 글CSS를 조금 더 프로그래밍 언어스럽게 다룰 수 있게 해주는 pre-processor(전처리 문법 언어) 이다.SASS를 활용하면 CSS에 변수,반복분,함수 등을 사용 해 중복되는 CSS코드를 줄일 수 있다

2021년 9월 1일
·
0개의 댓글

ES6 문법

리액트를 공부하던 중 자주 사용되는 ES6 문법들을 정리한 글리액트에서 아래 둘은 같다.

2021년 8월 30일
·
0개의 댓글
post-thumbnail

React 기초 개념들

CRA는 리액트로 웹 어플리케이션을 만들기 위한 환경을 편하게 제공한다.주요 제공 하는 것들로는 바벨과 웹펙, 그리고 테스트환경, HMR, ES6+ , CSS 후처리 등 여러가지의 개발환경을 구축해 준다. 이러한 개발 환경을 직접 구축하려면 시간이 오래 걸릴 뿐 아니라

2021년 8월 30일
·
0개의 댓글
post-thumbnail

프론트앤드 개발환경 구축 - 프레임워크 선정

새로 기획하는 서비스(음성채팅 놀이터)에서 어떤 프레임워크를 선택하게 되었는지를 정리한 글기존에는 대부분 바닐라 JS or JQuery를 활용해 웹 개발을 진행했었는데 새로 프로젝트를 진행하면서 프레임워크를 썼을때의 장점은 무엇인지, 쓴다면 무엇을 선택하는것이 좋을지를

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

웹 개발 방식(SPA,MPA,SSR,CSR)

웹 개발 방식은 여러가지 방법이 있겠지만, 그 중에서도 모던 웹 개발방식이라 불리는 PWA, SPA 와 전통적인(?) 방식의 MPA를 공부한 글HTML,CSS , JavaScript 같은 웹 기술로 만드는 앱이다.실제 앱은 아니지만 웹에서 사용자로 하여금 앱처럼 느낄

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

웹 파편화와 웹 표준화

웹 브라우저의 파편화의 원인과 웹 표준화,접근성에 관해 공부한 내용웹 브라우저 파편화란 동일한 코드로 작성된 웹페이지 또는 웹 앱임에도 불구하고 브라우저에 따라 서로 다른 화면이나 동작결과를 발생시키는 것을 의미한다. 사용자는 브라우저의 종류와 상관없이 동일한 경험을

2021년 8월 10일
·
0개의 댓글
post-thumbnail

웹 브라우저

웹 브라우저란 웹 상에 있는 페이지들의 HTML 언어를 해석해서 내용을 화면에 정리하여 보여주는 프로그램이다. 웹 브라우저도 결국은 하나의 어플리케이션(소프트웨어)이다. 1989 영국에서 처음 만들어짐CERN(유럽 입자 물리 연구소)에서 "Tim Berners-Lee"

2021년 8월 10일
·
0개의 댓글
post-thumbnail

자바스크립트 기초

자바스크립트는 1995년에 넷스케이프(Netscape)의 브렌던 아이크(Brendan Eich)에 의해 만들어졌다.처음에는 모카(Mocha)라는 이름으로 개발되었으나, 그 후에 라이브스크립트(LiveScript), 최종적으로는 자바스크립트(JavaScript)라는 이름

2021년 8월 5일
·
0개의 댓글
post-thumbnail

SSR과 CSR

SSR이란 단어 그대로 서버에서 렌더링 작업을 하는것을 의미한다.기존에 존재하던 방식으로 사용자가 웹페이지에 접근할 때 서버에서 페이지에 대한 요청을 하며 서버에서는 html, view와 같은 리소스들을 어떻게 보여질지 해석하고 렌더링하여 사용자에게 반환시킨다.CSR이

2021년 6월 25일
·
0개의 댓글
post-thumbnail

Lua MetaTable & 객체지향(OOP)

참고한 사이트 1\. https://developer.roblox.com/en-us/articles/Metatables (공홈-metatables)2\. https://ospace.tistory.com/246 (Lua에서 객체지향적 코딩하기)3\. h

2021년 6월 20일
·
1개의 댓글

객체지향 프로그래밍이란? (OOP)

\-> 객체지향 프로그래밍은 컴퓨터 프로그래밍 설계 방법론이며, 프로그래밍에서 필요한 데이터를 추상화시켜 상태와 행위를 가진 객체로 만들고 그 객체들간의 상호작용을 통해 로직을 구성하는 프로그래밍 방법 이다.\-> 객체란 하나의 역할을 수행하는 '메소드와 변수(데이터)

2021년 6월 20일
·
1개의 댓글

Lua 프로그래밍 기초 문법 정리

Roblox 개발에 필요한 언어인 Lua의 기초 문법을 간략하게 설명해놓은 글입니다.

2021년 4월 12일
·
1개의 댓글

함수와 메소드의 차이점

JAVA(안드로이드), JS, PHP 를 주로 하다 보니 함수라는 용어를 쓰다가 메소드를 만났을때, 메소드라는 용어를 쓰다가 함수라는 용어를 만났을 때 이해없이 단어들을 사용하고 있었다. 그래서 이 둘의 차이점을 정리해본다.함수는 특정 작업을 수행하는 "코드 조각"이다

2021년 4월 5일
·
0개의 댓글

자바스크립트 변수 선언 방식의 차이점 - var / let / const

옛날의 var가 최신의 let(변수), const(상수)로 분리되었다고 생각할 수 있으나, 내부 사정은 상당히 다르다.(참고로 여전히 var도 함께 사용이 가능하다)1\. 중복선언 가능 여부2\. 재할당 가능 여부3\. 변수의 스코프 유효범위4\. 변수의 호이스팅 방식

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

HTTP_REFERRER을 가지고 오지 못하는 경우

이전 페이지의 URL 링크 값이다. 프로그래밍을 하다 보면 서버 환경이나 사용자 환경, 접속자의 IP주소 등의 자바스크립트의 USER-AGENT와 같은 정보들을 수집할 수 있는 함수들이 마련되있다.PHP에선 이를 통틀어 서버함수라 칭하고, $\_SERVER 의 배열 형

2021년 3월 31일
·
0개의 댓글