profile
아토언니의 성장기 ,,
태그 목록
전체보기 (85)리눅스(8)linux(5)React(4)redux(2)비동기(2)명령어(2)redux saga(2)State(2)우분투(2)useEffect(2)검색엔진최적화(2)seo(2)&&(2)promise.all(1)객체 지향 언어(1)OS(1)터미널(1)Functional Components(1)git(1)typescript(1)vim(1)논리 연산자(1)클레이튼(1)recursive function(1)sudo(1)Kernel(1)su -(1)깊은 복사(1)hooks(1)keys(1)주요함수(1)promise(1)sql(1)import(1)every(1)production(1)동기(1)호스팅(1)session storage(1)vi(1)stateLifting(1)crontab(1)smart contract(1)이더리움(1)React Hooks(1)http(1)DNS(1)옵셔널체이닝(1)ubuntu(1)react 기초(1)배포(1)deployment(1)2022.07.26(1)객체(1)assign(1)generator(1)memoization(1)도메인(1)중요 렌더링 경로(1)Class Component(1)callback(1)lazyload(1)router(1)Shallow Routing(1)preload(1)hosting(1)csrf(1)await(1)shell script(1)개발환경세팅(1)ref(1)파일구조(1)JavaScript(1)export(1)unflatten(1)domain(1)source map(1)useApolloClient(1)graphql(1)디렉토리 구조(1)Debouncing(1)webpack(1)observable(1)콜백함수(1)prev()(1)Reference Type(1)refresh_token(1)su(1)부하분산(1)error(1)활용방법(1)XSS(1)https(1)REST API(1)JWT(1)Optimistic UI(1)스마트 컨트랙(1)class components(1)filter(1)NFT토큰(1)build(1)promise.allSettled(1)동적라우팅(1)삼항연산자(1)재귀함수(1)useLazyQuery(1)쉘 스크립트(1)local storage(1)entries(1)values(1)useMemo(1)useRef(1)axios(1)useCallback(1)promise.race(1)Context API(1)reduce(1)Value Type(1)useLayoutEffect(1)CSR(1)SSR(1)Promise All(1)구조 분해 할당(1)templete literals(1)HoF(1)리눅스 종류(1)flatten(1)블록체인(1)tryCatch(1)얕은 복사(1)shallow copy(1)array(1)Fetch(1)Functional Component(1)Linux kernel(1)HoC(1)nosql(1)조건부렌더링(1)참조 타입(1)80(1)값 타입(1)aysnc(1)Promise API(1)JSX(1)2022.07.25(1)cookie(1)CRP(1)lb(1)Database(1)Map(1)토큰(1)Token(1)state lifecycle(1)Truthy(1)Falsy(1)Props(1)정적라우팅(1)권한분기(1)Throttling(1)배포 과정(1)운영체제(1)deep copy(1)memo(1)NFT(1)

Generator 문법

이 문법의 핵심 기능은 함수를 작성 할 때 함수를 특정 구간에 멈춰놓을 수도 있고, 원할 떄 다시 돌아가게 할 수도 있다. 그리고 결과값을 여러번 반환 할 수도 있다. 이 경우에는 무조건 1만 반환하게 될 것이다. 하지만, 제너레이터 함수를 사용하면 함수에서 값을

2023년 4월 24일
·
0개의 댓글
·

Redux-saga

delay , call , put , all , takeEvery, takeLatest설정된 시간 이후에 resolve하는 Promise 객체를 리턴한다.\-> 1초 기다리기특정 액션을 dispatch 하도록 한다.\-> INCREMENT action을 dispatc

2023년 4월 19일
·
0개의 댓글
·
post-thumbnail

Invalid hook call error

Errorhttps://reactjs.org/docs/error-decoder.html/?invariant=321React Hook은 컴포넌트 내에서 호출하기React Hook - useRouter를 컴포넌트 밖 함수에서 호출하려다 실패했다.fetchData

2023년 2월 7일
·
0개의 댓글
·

리눅스 에서 1024 이하 포트 사용하기

리눅스에서 80 포트를 사용해서 서버가 꺼지지 않게끔 하기 위해서 pm2를 사용해야했다.nginx & pm2를 사용하려고 했으나 실패 ,, vim으로 서버 및 location을 바꿔주려 했으나 nginx index 화면만 로딩 될 뿐 80포트를 사용하고 있다는 에러가

2022년 11월 7일
·
0개의 댓글
·

su/ su - / sudo 명령어, 차이

리눅스에서 특정 명령을 실행하거나 , 특정 파일에 접근하기 위해서 때로는 루트(root) 권한이 필요한 경우가 있다. 이러한 경우에 사용하게 되는 su / su- / sudo 명령어들과 각 명령어들의 차이점, 현재 계정을 확인하는 whoami 명령어와 계정 전환 후

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

포트 80 vs 8080

포트(port)는 "논리적인 접속장소", 특히 인터넷 프로토콜인 TCP/IP를 사용할 떄에는 클라이언트 프로그램이 네트워크 사으이 특정 서버 프로그램을 지정하느 방법으로 사용된다.네트워크 상에서 통신을 할 때 IP를 토대로 해당 서버가 있는 컴퓨터에 접근한다.인터넷 주

2022년 11월 4일
·
0개의 댓글
·

이더리움 VS 클레이튼

왜 비트코인으로는 NFT를 못사지? 1세대 블록체인인 비트코인은 2세대 블록체인인 이더리움과는 다르게 스마트 컨트랙이 없다. 그래서 1세대 비트코인은 자체 블록체인에 저장을 하며, 2세대 이더리움은 스마트 컨트랙에 다 저장을 한다. 따라서 스마트 컨트랙이 없는 1세대

2022년 9월 5일
·
1개의 댓글
·
post-thumbnail

Smart Contract

비트코인은 다른 사람들과 교류할 수 없다. 그냥 비트코인을 주고받는 것 외에는 할 수 있는게 없다. 스마트 컨트랙을 통하면 다른 사람과 교류할 수 있고, 또한 코드로 소통할 수 있다. 즉, 사람과 그리고 로봇과 소통을 할 수 있는것이다.그 중 하나는 이를 통해서 탈중앙

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

NFT란

NFT란 Non-Fungible Token의 약자로 대체 불가능한 토큰이다: 고유성을 지니고 있는 상호 대체가 불가능한 토큰이라고 정의할 수 있다개별적으로 어떠한 고유성을 지니고 있기 때문에 대체가 가능하지 않다는 것을 의미한다.예를들어, 나이키 옷을 입고 BTS 공연

2022년 8월 30일
·
0개의 댓글
·

Crontab 활용방법

Crontab은 스케줄링을 관리하는 프로그램으로써 시스템 관리자에게 매우 중요한 유틸이다. 즉 반복적인 작업을 정의하여 실행해주는 자동 매크로라고 생각하면 된다.:위와 같이 먼저. 5개의 실행 주기에 대한 정의를 해준다. 분 시 일 월 요일의 순서이다.사용 가능한 값

2022년 8월 29일
·
0개의 댓글
·
post-thumbnail

Shell Script(쉘 스크립트)란

shell은 운영체제상에서 사용자가 입력하는 명령을 읽고 해석하여 대신 실행해주는 프로그램이다. 즉 다시 말해서, 운영체제의 커널과 사용자 사이를 이어주는 역할을 하며 사용자의 명령어를 해석하고 운영체제가 알아들을 수 있도록 도와주는 명령어 해석기이다.Linux에서 사

2022년 8월 29일
·
0개의 댓글
·

리눅스 종류

우분투는 데비안 GNU/리눅스에 기초한 컴퓨터 운영체제로서 고유한 데스크탑 환경인 유니티를 사용하는 리눅스 배포판이며 4월, 10월에 한번씩 업데이트가 이루어진다.x.04, xx.10로 나누어 지며 뒤에 04, 10은 발표 된 월을 xx같은 경우 는 배포된 년도를 나타

2022년 8월 26일
·
0개의 댓글
·
post-thumbnail

리눅스 디렉토리 구조

리눅스는 유닉스 계열을 바탕으로 만들어진 오픈소스 운영체제이다.그래서 유닉스와 마찬가지로 모든 것들을 파일로 관리한다.리눅스의 경우 계층구조(트리구조)의 디렉토리를 가지고 있는데, 이것은 용도에 따라 구분되며, 이를 파일 시스템이라고 부른다.데이터 저장에 사용되는 파일

2022년 8월 25일
·
0개의 댓글
·

리눅스 와 우분투

리눅스란? 💡 Linux는 커널이다 -> 커스텀 OS 만들기 가능 Windows나 Mac과 달리 Linux는 실제로 분리되고 잘 정의된 운영 체제가 아니다. 오히려 Linux는 커스터마이즈된 OS를 만들 수 있는 커널이다. Linux 커널을 기반으로 한다. Li

2022년 8월 25일
·
0개의 댓글
·

리눅스란 ?

리눅스란 윈도우나 MacOS 같은 컴퓨터의 운영체제(Operating System)이다. 운영체제란 내부적으로 복잡한 구조로 이루어져 있지만, 간단히 말하면 컴퓨터 하드웨어를 구동하고 사용자의 요청을 받아 여러가지 응용프로그램을 실행시키는 프로그램을 운영체제라고 한다.

2022년 8월 24일
·
0개의 댓글
·
post-thumbnail

리눅스 커널(kernel)

컴퓨터는 크게 하드웨어와 소프트웨어로 나뉜다.하드웨어는 눈에 보이고 , 손으로 만질 수 있는 것들 예를 들면 모니터 , 데스크톱, CPU 등이 될 수 있다.소프트웨어는 하드웨어와 반대로 눈에 보이지 않고 손으로 만질 수 없는 것들 , 예를 들면 현재 우리가 이 블로그를

2022년 8월 24일
·
0개의 댓글
·
post-thumbnail

Axios vs Fetch

Javascript에서 HTTP Requests 를 위한 방법에는 Fetch 와 Axios 두가지가 있다. Fetch Fetch 는 Built-in APIs 로서 별도의 설치 없이 모던 브라우저에서 사용이 가능하다. window object 에서 정의되어 있으며,

2022년 8월 16일
·
0개의 댓글
·

React Hooks

React에서 기존에 사용하던 Class를 이용한 코드를 작성할 필요 없이,state와 여러 React 기능을 사용할 수 있도록 만든 라이브러리Class 컴포넌트 사용2019년 2월 데이터 개시 개발함수 컴포넌트와 리액트 훅 사용( 리액트 훅은 함수 컴포넌트에서만 사용

2022년 8월 12일
·
0개의 댓글
·
post-thumbnail

[hook]useEffect 와 useLayoutEffect

설명을 이해하기 전 필수 개념 2가지Render: DOM Tree를 구성하기 위해 각 element의 스타일 속성을 계산하는 과정Paint: 실제 스크린에 Layout을 표시하고 업데이트하는 과정useEffect는 컴포넌트들이 render 와 paint 된 후 실행된다

2022년 8월 10일
·
0개의 댓글
·

Context API

Context API 사용방법이 깃허브가 너무 잘나와있어서 내가 따로 정리하는 것보다 나을 듯하니 이걸 참고하자 !!!

2022년 8월 9일
·
0개의 댓글
·