Javascript Prototype

js에는 class 개념이 존재하지 않는다.함수와 new를 통해 클래스를 흉내내는 수준Es6 문법에는 class 문법이 추가가 됨Prototype Object && Prototype LinkPrototype Object객체는 언제나 함수로 생성이됨우리가 흔히 알고 있는

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

Mysql ERROR 2002 (HY000): Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2) 에러

mysql을 사용하려고 해보니 이런 오류가 생기면서 실행이 안되었다. 이유를 모르겠어서 검색해보니 mysql.sock이 mysql이 시작 될 때 자동으로 생기고 종료 할 시 자동으로 삭제가 되는데 강제종료를 잘못하여 생긴 오류 같다.해결책 1\. brew service

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

CSS margin 0 auto

css에서 수평중앙정렬하는 방법에 대해서 알아보려고한다.최신 기술 display : flex; justify-content : center;오래된 구 버전의 익스플로러 지원margin : 0 auto;

2021년 3월 15일
·
0개의 댓글
post-thumbnail

CSS flex

오늘은 react를 하면서 flex에 대해 오류가 생겼던 부분에 대해서 기술하려고 한다.요소 작성 부분에서 요소들을 flex로 설정을 하지 않을 시에 내용들이 가로로 생기지 않는 오류가 생겼다. 지금의 경우 이렇게 요소가 가로로 쌓이고 있지만 styled-compone

2021년 3월 14일
·
0개의 댓글
post-thumbnail

React TypeScript event, eventhandler(해결 못함)

이번 게시물에서는 event와 eventhadler에 대해서 알아보려고 한다.TypeScript를 이용한 input 에 대한 e.target.value를 사용하기 위해서 event에 대한 설정을 하려던 도중 문제가 생기는 것을 알아냈다.다른 사람들의 코딩에서는 JSX

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

Javascript 배열함수

이번 시간에는 filter 함수 find 함수에 대해서 알아보려고 한다.배열에서 요소를 찾거나 아니면 새로운 배열을 만드는 것은 아주 중요한 일이다.React를 하면서 가장 중요한 일은 불변성을 유지하며 배열을 만들어 주는 일 이기도 한다.그러므로 일단 .filter

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

Css box안에 이미지 넣기(반응형)

div를 통한 box의 width를 설정해주고 img 태그의 안쪽에서 padding을 통해 설정하도록 한다가장 중요한 것은 box-sizing: border-box를 통해서 padding 값에 따른 크기 변화를 억제

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

Css youtube video 가져오기

이번 시간에는 css를 통한 iframe youtube video를 가져오는 것을 알아볼 예정이다.widht가 아닌 padding-top을 통한 너비 설정width로 설정하게 된다면 이는 너비 값이 fix가 되어버림 이를 해결 하기 위해서 youtube에서 사용하는

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

React 댓글 내용 수정

게시판을 만들면서 댓글을 insert하고 삭제 하는 부분 까지는 쉬웠는데 수정 부분에서 문제가 생겼다.Redux로 handleActions를 통해 이렇게 id 와 text 값을 넘겨 받아도 계속 객체가 합쳐져서 넘어오는 점 이였다.사용부

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

React useActions util Hook

이번 글에서는 여러개의 액션을 사용할 경우 코드를 더 깔끔하게 쓸 수 있는 useActions hook을 사용해보려고 한다.lib/useActions.js 선언위의 코드는 액션 생성 함수를 액션을 디스패치 하는 함수로 변환시켜준다1 par : 액션 생성 함수로 이루어진

2021년 1월 30일
·
9개의 댓글
post-thumbnail

React 간단한 평균 계산

벨로퍼트 님의 강의를 들으면서 useState에 대한 예제로 간단한 평균 계산을 하는 예제를 해보았다. 아래의 코드는 useState로 구현 한 것 이다.실행화면useReducer가 useState와 동일하게 상태관리를 할 수 있다는 걸 배운 점에서 이를 useRedu

2021년 1월 27일
·
0개의 댓글
post-thumbnail

React useReducer

이번 게시물에서는 useState 보다 더 다양한 상황에 따라 다양한 상태를 업데이트를 가능하게 해주는 useReducer를 알아보려고 한다.1st Par : reducer 함수2nd Par : 기본 값사용시에 state 값과 dispatch 함수를 받아온다.dispa

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

React state

이번 게시물에서는 컴포넌트의 상태를 업데이트를 시켜주는 useState에 대해서 알아보려고 한다.props의 경우 부모 컴포넌트에서 상태를 설정하고 자식 컴포넌트에서는 readonly(읽기상태)로만 사용할 수 있는 단점이 존재한다.이를 해결하는 것이 state이다.클래

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

화살표 함수

function a() { }const a() => { }둘의 사용법은 function은 c언어든 c++에서든 똑같이 사용하면 된다.화살표 함수의 경우는 const로 사용해서 선언하는게 다른 점이 있다.function이 가르키는 this는 자신이 종속된 객체를 가르키면

2021년 1월 24일
·
0개의 댓글
post-thumbnail

Javascript-async, await

저번 글에서 Promise에 대해 알아보았고 요번에는 그 보다 최신 문법인 async, await에 대해 알아보도록 하려고 한다.이는 자바스크립트의 비동기 처리 패턴 중 가장 최근에 나온 문법이며 callback()함수와 Promise의 단점을 보완하고 코드의 가독성을

2021년 1월 24일
·
0개의 댓글
post-thumbnail

Javascript-Promise

비동기 작업에 대한 완료와 실패의 결과 값을 미리 설정한다.new 생성자로 promise 객체를 설정 가능하며 첫 번째 선언은 pending 상태로 유지된다.그 뒤 두가지로 나눠 설정 할 수 있다. 성공을 의미하며 .then을 사용하여 Promise가 종료 된 뒤 작업

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

MongoDB couldn't connect to server 127.0.0.1 error

couldn't connect to server 127.0.0.1:27017, connection attempt failed: SocketException: Error connecting to 127.0.0.1:27017 :: caused by :: ��� ��ǻ�Ϳ�

2021년 1월 21일
·
0개의 댓글
post-thumbnail

vscode-styled-components

styled-components를 사용하면 자동완성 기능이 없어서 불편한 점이 있다. 하지만 vscode 혹장 부분에서 vscode-styled-components를 추가 하고 사용하면 이 부분을 해결 할 수 있다.

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

` , ' 오류

정말 어이가 없게 오류가 나서 올려봅니다...위와 같이 \` 연산자 사용과 ' 연산자 사용에 있어서 오류가 날 수 있다.아무 생각없이 문자열인 줄 알고 작성했다가 오류가 나서 다른 코드를 모두 뜯어 봤는데 오류가 없어서 헤매고 있다가 문자열을 \` 연산자로 바꿔주니 간

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

code: 'MODULE_NOT_FOUND' (에러)

데스크탑과 노트북을 옮겨다니면서 react를 공부하다 보니 자잘자잘한 오류들이 많이 생겼다.npm install을 실행하니 바로 실행이 잘 되었다.위의 방법으로 설치를 하면 해당 디렉토리만 설치가 되므로 npm-install-g 로 전역으로 설치 해주면 된다.또는 np

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