profile
2020년 10월 15일 퇴사하고 개발자의 길에 도전합니다.
태그 목록
전체보기 (71)JavaScript(13)git(8)linux(8)자바스크립트(7)cli(5)CSS(5)node.js(5)C(4)algorithm(4)oh my zsh(3)js(3)python(3)React(3)알고리즘(3)zsh(3)go(2)유효범위(2)scope(2)pure js(2)vscode(2)scss(2)ES6(2)vue(2)html(2)xeon(2)ubuntu(2)babel(2)WSL(2)compile(1)alias(1)Primitive Type(1)OCU(1)NAS(1)beginner(1)GitLab(1)콜스택(1)클라우드 컴퓨팅(1)classes(1)operator(1)rest parameter(1)jsconfig.json(1)pip(1)스위치란?(1)Module(1)call stack(1)router(1)reference(1)float(1)HashRouter(1)SaaS(1)PaaS(1)IaaS(1)컴퓨터 과학(1)useState(1)3주차(1)das(1)웃테코(1)Statement(1)c lang(1)Bubble Sort(1)Selection Sort(1)스위치의 종류(1)xeon gold 5115(1)return(1)study(1)branch(1)hash router(1)failback(1)php(1)init(1)Flexbox(1)특징(1)gulp(1)liveserver(1)scroll margin top(1)vuejs(1)next(1)const(1)let(1)var(1)우아한테크코스(1)라우터(1)expression(1)CS(1)스위치(1)previous(1)리턴(1)페일백(1)san(1)value(1)dell emc r740(1)리엑트(1)State(1)inline block(1)함수(1)localtunnel(1)nvm(1)VS Code(1)r640(1)discord(1)clone(1)BrowserRouter(1)storage(1)스토리지(1)reloading(1)bitbucket(1)클래스(1)dell(1)bigOnotation(1)단축키(1)부스트코스(1)array(1)spread operator(1)javascript algorithm(1)shorthand(1)예제로배우는C언어(1)local(1)Object Destructuring(1)golang(1)Configuration(1)github(1)dell emc r640(1)failover(1)shortcut(1)Flask(1)express(1)react.js(1)ignore(1)Public Cloud(1)z shell(1)RAID(1).env(1)browser router(1)computer science(1)빅오표기법(1)remote(1)원시타입(1)hybrid cloud(1)grid(1)프론트엔드 교육(1)인텔(1)apache2(1)제온 골드(1)Comment(1)keyword(1)function(1)참조(1)object(1)(1)선택정렬(1)버블정렬(1)r740(1)terminal(1)페일오버(1)자바스크립트 알고리즘(1)requests(1)npm(1)private cloud(1)

href='#id' header와 겹치지 않는 방법

포트폴리오의 header를 position: fixed로 고정시키고 anchor에 \`href="reference· How to prevent anchor links from scrolling behind a sticky header with one line of CS

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

WSL2 환경에서 SSH Key 생성하기

github id를 2개를 사용하다보니 SSH Key가 필요하게 되어 생성하게 되었다오늘은 그 과정에 대해 공유해보도록 하겠다여기서 이메일은 당연히 github을 로그인 할 때 사용하는 이메일이다암호를 정해야 하는데 나는 귀찮아서 엔터쳐서 그냥 넘겼다이제 생성된 키를

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

Local에서 진행중인 프로젝트를 모바일에서 확인하고 싶을 때?

local에서 진행중인 프로젝트를 클라이언트에서 보여주고 싶거나, 모바일이나 태블릿으로 확인해보고 싶을 때 주로 localtunnel을 사용한다공유하고 싶은 port를 <number>로 지정하면 공유가 되며,\--subdomain으로 <name>이란 도메인으

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

zsh Alias

wsl2에서 zsh를 사용하던 중 github push하는게 너무 귀찮아서 alias를 했다이렇게 구성하면 된다나는 아래와 같은 단축어를 설정해 뒀다

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

React.useState()

React.useState(initial value, func)는 \[initial value, func]를 return한다여기서 func는 initial value를 변경할 때 사용하는 함수이다func은 1개의 arg를 가지고 있고 이 함수가 실행된 후에는 reren

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

[웃테코 4기 FE] 1차 코딩테스트

현재 내 수준은 프로그래머스 lv2정도 어렵게 푸는 수준이고, lv1도 가끔은 못푸는 수준정도이다본인 수준을 감안하여 봤을 때 7문제 중 5문제를 풀었고 2문제는 풀지 못하였다자료구조가 2차원으로 넘어가면 조금 버벅이는 면이 있어서 그런 것 같다시간이 좀 더 있었다면.

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

DELL EMC R640 vs R740

referenceDell PowerEdge R640 vs R740

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

Xeon Gold 5115 프로세서

referenceSkylake (server) - Microarchitectures - Intel(https://en.wikichip.org/wiki/intel/microarchitectures/skylake\_(server)\[Xeon Gold 5115 -

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

HashRouter vs BrowserRouter

A that uses the HTML5 history API (pushState, replaceState and the popstate event) to keep your UI in sync with the URL.HTML5 history API를 사용하여 UI(화면

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

jsconfig.json이란?

jsconfig.js파일은 js 프로젝트를 할때 필요한 파일이며, 이 파일이 위치하는 곳이 루트 디렉토리가 된다.jsconfig.js파일에는 현재 진행 중인 js 프로젝트에 속해있는 파일, 속하지 않은 파일, 컴파일러 옵션 등을 설정할 수 있는 설정파일이다.React

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

Xeon 프로세서의 종류 및 특성

Xeon 프로세서란 일반 CPU와는 다른 프로세서로 클라우드 컴퓨팅용 데이터센터를 겨냥한 CPU다제온 프로세서는 크게 E3, E5, E7, D 등 네 가지 모델로 나눌 수 있다이름 뒤에 붙는 숫자 XXXX는 구체적인 모델명을, V(숫자)는 '버전'을 의미한다예를 들어

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

Classes

class는 쉽게 생각하면 obj를 찍어내는 공장이라고 생각하면 된다가로, 세로의 길이는 똑같은데 색만 조금씩 다른 천조각을 만드는 공장이 있다고 가정해보자이 공장에서는 black, red, blue 세 가지색을 사용하는데 그럼 이를 위해 3가지의 기계를 구매해야 하는

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

Spread operator(feat. rest parameter)

두 개의 배열을 합치는 등 unpack을 하고싶을 때가 있다이를 합치기 위해서 고전적인 방법으로는 for문을 쓰거나 concat을 사용하는 방법 등이 있을 것 같다이 방법도 좋지만 좀 더 직관적으로 이해가 될 만한 방식이 있었으면 좋겠다이렇게 spread operato

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

Object destructuring

해당 obj에서 name, age, location을 사용한다면 고전적인 방법은 다음과 같을 것이다물론 이 방법도 좋지만 더 편하고 가독성이 좋은 방식이 있다이것이 obj destructuring이고, {}을 통해 해당 obj안으로 들어갔다고 생각하면 된다 따라서 ob

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

RAID 란?, RAID 구성방식(RAID 0, 1, 4, 5, 6, 1+0, 0+1)

RAID는 Redundant Array of Independent Disk 혹은 Redundant Array of Inexpensive Disk의 약자로 말 그대로 RAID는 여러개의 디스크를 묶어 하나의 디스크처럼 사용하는 기술이다RAID는 Redundant Arra

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

페일오버(Failover)와 페일백(Failback)

페일오버(failover) : 실 운용환경(컴퓨터 서버, 시스템, 네트워크 등)에서 이상이 생겼을 때 대체 작동 또는 장애 극복(조치)을 위하여 예비 운용환경으로 자동전환되는 기능이다.페일백(failback) : 페일오버에 따라 전환된 운용환경을 장애 발생 전 상태로

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

스위치의 개념과 스위치의 종류(L2, L3, L4, L7)

네트워크를 연결하거나, 패킷을 라우팅하는 통신장비를 말하며, 100M, 1G, 10G, 40G 등 다양한 전송속도를 지원하는 장치L2 스위치 : MAC을 이용한 방식으로 구성되어 있으며 허브보다 상위의 장비, 포트별로 대역폭을 부여해 속도를 보장함L3 스위치 : IP

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

DAS, NAS 그리고 SAN

TL; DR DAS, SAN 그리고 NAS DAS SAN NAS reference

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

Public cloud, Private cloud, 그리고 Hybrid cloud

클라우드 컴퓨팅을 구분하는 기준은 다양하지만 베리 소신스키의 '클라우드 컴퓨팅 바이블'에서는배치 모델과 서비스 모델로 구분하고 있다여기서 배치 모델에 해당하는 것이 Public cloud, Private cloud 그리고Hybrid cloud이다Public cloud

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

IaaS, PaaS, 그리고 SaaS

SaaS : software as a service, 'Gmail', 'DropBox', 'Naver cloud'처럼 소프트웨어를 웹에서 쓸 수 있게 빌려줌IaaS : infra-structure as a service, 서버와 스토리지, 네트워크 장비 등의 IT 인프

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