profile
oneThing
태그 목록
전체보기 (151)프로그래머스(15)코드스테이츠(11)알고리즘(8)React(5)타입스크립트(5)재귀(4)쿠키(4)CSS(4)typescript(4)virtual DOM(4)Side Effect(3)udemy(3)프로토타입(3)노마드코더스(3)배열(3)node.js(3)배포(2)redux(2)웹접근성(2)Sort(2)JSX(2)cookie(2)코어자바스크립트(2)JSON.parse(2)Pseudocode(2)sop(2)Client Side Rendering(2)rendering(2)Map(2)Polymorphism(2)Flex(2)html(2)cors(2)반복문(2)reducer(2)spa(2)Props(2)비동기(2)CSR(2)렌더링(2)aws(2)와이어프레임(2)JSON.stringify(2)wireframe(2)다형성(2)클로저(2)routing(1)메모리(1)undefined(1)Function Component(1)프로그래머스 과제테스트(1)WCAG(Web Content Accessibility Guidelines)(1)css - preprocessor(1)usequery(1)User Flow(1)부수효과(1)substring(1)리엑트 라우터(1)iso(1)BEM(1)웹팩(1)promise(1)figma(1)요소(1)(1)커스텀 훅(1)순수함수(1)vw(1)이진법(1)깊은복사(1)lifting state up(1)terminal(1)버츄얼돔(1)data fetching(1)자료구조(1)시맨틱 HTML(1)public(1)npm(1)버추얼돔(1)indexOf(1)무한스크롤(Infinite Scroll)(1)custom property(1)LNB(Local Navigation Bar)(1)GET(1)POST(1)session storage(1)css variables(1)Effect Hook(1)버추얼 돔(1)alias(1)isOdd(1)React Hooks(1)OOP(1)객체지향프로그래밍(1)Component-Driven Development(1)회선교환(1)스코프(1)refresh-token(1)rds(1)http(1)cookies(1)상태(1)css 변수(1)코드 분할(1)Cmarket Redux(1)SMACSS(1)Same Origin Policy(1)stack(1)queue(1)한국형 웹 콘텐츠 접근성 지침 2.1(1)호이스팅(1)S3(1)git revert(1)transform(1)CSS In Depth(1)가변(1)eslint 콘솔창(1)최대공약수(1)뷰포트(1)클라우드 컴퓨팅(1)깃허브 마일스톤(1)세션(1)타입 안정성(1)옵셔널 체이닝(1)dependency array(1)classes(1)반응형(1)responsive(1)Secrets of the JavaScript Ninja(1)vmax(1)프로미스(1)웹콘텐츠(1)캔버스(1)토글(1)불변객체(1)교차출처리소스공유(1)React.lazy(1)oAuth(1)자동완성(1)OOCSS(1)함수형 프로그래밍(1)객체(1)swap(1)UI/UX 사용성 평가(1)memoization(1)Web Storage(1)네트워크 요청(1)페이지네이션(Pagination)(1)vmin(1)recursion(1)인덱스(1)react-icons(1)Class Component(1)credentialed requests(1)데이터 무결성(1)박스모델(1)추상 클래스(1)카카오 채용 인턴쉽(1)비밀지도(1)캡슐화(1)숫자 문자열과 영단어(1)react hook form(1)라우팅(1)Cmarket Hooks(1)제일 작은 수 제거하기(1)행렬(1)Semantic HTML(1)Dispatch(1)lexical environment(1)트리(1)참조 자료형(1)NomadCoders(1)csrf(1)SaaS(1)null(1)specificity(1)vh(1)TCP/UDP(1)spacing(1)Prototype(1)storybook(1)preflight requests(1)이진트리(1)ajax(1)ux(1)사용자 지정 속성(1)abstract class(1)Fetch API(1)초보자도 쉽게 만드는 React 웹 서비스 만들기(1)Bubble Sort(1)TCP/IP 4계층(1)핸드쉐이킹(1)구조화된 CSS(1)while(1)검증 헤더(1)조건부 요청(1)태그(1)버셀(1)웹 스토리지(1)usedispatch(1)store(1)JavaScript(1)On-premise(1)&&(1)고차함수(1)모던 자바스크립트(1)graphql(1)Viewport(1)(1)웹서버(1)UI(1)ip(1)콜라츠 추측(1)웹소켓(1)optional chaining(1)콜백함수(1)Flexbox(1)Clickjacking(1)SQL injection(1)access token(1)searching algorithms(1)simple requests(1)keyframes(1)action(1)hoisting(1)제이콥 닐슨(1)캐러셀(Carousel)(1)GNB(Global Navigation Bar)(1)VOID(1)deploy(1)lighthouse(1)웹인증(1)code evolution(1)inheritance(1)조건문(1)반응형웹(1)문자열(1)refactor express(1)calculator(1)ec2(1)any(1)XSS(1)cli(1)REST API(1)JWT(1)json(1)조건부 effect(1)big o notation(1)패킷교환(1)온프레미스(1)드롭다운(1)wan(1)React SPA(1)세션스토리지(1)OSI 참조모델(1)Tree Shaking(1)repeat(1)문자열 내 마음대로 정렬하기(1)약수의 개수와 덧셈(1)라우터(1)Math.min(1)얕은복사(1)수박수박(1)filter(1)웹캐시(1)open API(1)UI디자인 패턴(1)배열 in 배열(1)CSS in JS(1)cherry-pick(1)bubblesort(1)interface(1)인터페이스(1)calc()(1)인증정보를 포함한 요청(1)양방향통신(1)tree(1)삼항연산자(1)SEB_FE_39기(1)BFS(1)타입(1)local storage(1)CORS에러(1)nano(1)React Diffing Algorithm(1)flattenArr(1)내장고차함수(1)media query(1)State(1)useMemo(1)useRef(1)함수(1)cross browsing(1)깃허브 이슈(1)핸드폰 번호 가리기(1)protected(1)OWASP(1)원시 자료형(1)코드 에볼루션 강의(1)cascade(1)nvm(1)크로스 브라우징(1)middleware(1)Sass(1)styled components(1)코플릿(1)useCallback(1)useselector(1)pure function(1)동일출처정책(1)removeExtremes(1)reduce(1)REST 성숙도모델(1)splice(1)모달(1)타이머API(1)로컬스토리지(1)피터 모빌(1)IP Packet(1)바닐라자바스크립트(1)jwt-decode(1)cpu(1)memory(1)overloading(1)정렬(1)git reset(1)최소직사각형(1)transition(1)custom hook(1)최소공배수(1)클래스(1)reverse(1)번들링(1)css selector(1)구조분해(1)flatten(1)성장형마인드셋(1)readonly(1)스택(1)메타인지(1)k번째 수(1)CSS3(1)상태관리 라이브러리(1)unknown(1)yup(1)JWT토큰(1)이중for문(1)웹공격(1)rem(1)components(1)lan(1)Vercel(1)github(1)프리플라이트 요청(1)Java(1)객체지향(1)seo(1)Spread/Rest(1)Binary Search(1)이진탐색(1)컴퓨터 구조(1)Web Server(1)pixel(1)call signatures(1)시저암호(1)express(1)next.js(1)slice(1)css 전처리기(1)자바(1)단순요청(1)Generics(1)변수(1)react cookie(1)미들웨어(1)일급객체(1)Code Spliting(1)W3C(1)DFS(1)그래프(1)토큰(1)Token(1)postman(1)아르파넷 프로젝트(1)useForm(1)드림엘리(1)Naive String Search(1)(1)useMutation(1)JavaScript Koans(1)원시타입(1)참조타입(1)arrSum(1)보안(1)참조동등성(1)em(1)AMI(1)트리 순회(1)검색엔진 최적화(1).gitignore(1)algorithm(1)private(1)Redux-hooks(1)files changed(1)Suspense(1)set(1)참조형(1)Real DOM(1)react router(1)netlify(1)never(1)웹표준(1)터미널(1)cdd(1)git(1)OSI 7 계층(1)WAI-ARIA(1)fidelity(1)그리드 시스템(1)아코디언(1)canvas(1)최적화(1)trim에러(1)animation(1)Mock-up(1)리액트데이터흐름(1)기본형(1)

[TIL]하루 3분 네트워크 6-9화

네트워크 구조에 따른 분류: 멀티액세스 네트워크, 포인트 투 포인트 네트워크 네트워크의 범위/규모에 따른 분류: LAN과 WANLAN 이란?: 좁은 범위의 네트워크. 즉 구내(가정, 사무실, 학교, 빌딩)에 설치된 네트워크사용하는 쪽에서 케이블 설치, 라우터 배치 등

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

[TIL]하루 3분 네트워크 1-5회

네트워크란, 무언가와 무언가가 그물망처럼 무언가에 의해 연결되어있는 상태 + (무언가를 운반하기위한)움직임점 - node선 - link 네트워크란, 무언가와 무언가가 그물망처럼 무언가에 의해 연결되어있는 상태 + (무언가를 운반하기위한)움직임⥥⥥컴퓨터와 컴퓨터가 그물망

2023년 11월 1일
·
0개의 댓글
·

이진탐색트리 with 자바스크립트

참고자료이진트리는 계층적 트리구조로 되어있다. 첫 번째 item이 root node가 되고 그 다음 추가적인 값들은 root node의 자식으로 들어간다. 대신 규칙이 있다. root node의 왼쪽 자식은 항상 부모보다 작은 값이어야한다. 또 오른쪽 자식은 부모보다

2023년 10월 19일
·
0개의 댓글
·

React의 생명주기

react.dev의 생명주기(https://react.dev/learn/lifecycle-of-reactive-effects모든 리액트 컴포넌트는 동일한 생명주기 과정을 거친다.컴포넌트가 화면에 추가될 때 마운트된다새로운 props나 state가 있을 경우 컴

2023년 10월 11일
·
0개의 댓글
·
post-thumbnail

[TIL] 프로토타입

프로토타입 자바스크립트는 프로토타입 기반의 언어다. 클래스 기반 언어에서는 '상속'을 사용하지만 프로토타입 기반 언어에서는 어떤 객체를 원형(prototype)으로 삼고 이를 복제(참조)한다. 결국 '상속'과 비슷한 개념이라고 볼 수 있다. 1. 프로토타입 개념

2023년 9월 13일
·
1개의 댓글
·

[TIL] 웹소켓

두 프로그램 간 메세지를 교환하기 위한 통신방법 중 하나클라이언트가 서버에 http 요청을 보내면 해당 서버는 클라이언트에게 데이터를 전달해준다. 통상적으로 http 통신은 클라이언트가 요청을 보내야만 서버가 응답을 해주는 방식이다. 서버가 먼저 요청을 보내는 경우는

2023년 9월 6일
·
0개의 댓글
·
post-thumbnail

[TIL] 클로저

클로저의 다양한 정의자신을 내포하는 함수의 컨텍스트에 접근할 수 있는 함수함수가 특정 스코프에 접근할 수 있도록 의도적으로 그 스코프에서 정의하는 것함수를 선언할 때 만들어지는 유효범위가 사라진 후에도 호출할 수 있는 함수이미 생명 주기상 끝난 외부 함수의 변수를 참조

2023년 8월 22일
·
0개의 댓글
·

[TIL] 콜백 함수

모던자바스크립트 - 콜백함수 콜백 비동기(asynchronous) 동작은 원하는 때에 동작을 시작하도록 할 수 있으며 setTimeout이 대표적인 예시다. 실무에서 사용하는 비동기 동작은 매우 다양하다(ex. 스크립트나 모듈 로딩) src에 있는 스크립트를 읽어

2023년 8월 15일
·
1개의 댓글
·

remote에 있는 branch 참조 못하는 이슈 (feat. git 명령어)

해당 문제는 처음에 git clone을 받을 때 특정 브랜치(develop)을 clone 받아와서 생기는 문제였다. remote 업데이트 하기찾으려는 remote 브랜치가 있는지 확인하기 git config 리스트 보기 & remote.origin.fetch 가 어떤

2023년 8월 8일
·
1개의 댓글
·

RESTful API

https://towardsdatascience.com/api-101-backdoor-to-backend-8da989e1551c https://vsupalov.com/how-backend-and-frontend-communicate/ https://www.youtu

2023년 7월 26일
·
1개의 댓글
·
post-thumbnail

[CSS In Depth] Backgrounds, shadows and blend modes

개발자는 디자이너가 아티스트가 아니다. 하지만 CSS를 다루기 위해서 때때로 디자이너 또는 아티스트의 역할을 맡아야하는 경우가 종종 생긴다. 이번 단원에서는 기능적인 것 뿐만 아니라 시각적으로도 매력적인 페이지를 만들 수 있는 방법들을 알아보자. 이번 챕터에서는 다음

2023년 7월 3일
·
0개의 댓글
·
post-thumbnail

AWS S3란?

아마존 S3(Simple Storage Service)는 아마존 웹 서비스에서 제공하는 온라인 스토리지 웹 서비스이다. 아마존 S3는 웹 서비스 인터페이스를 통해 스토리지를 제공한다. ==> 트래픽 증가에 따른 시스템적인 문제를 덜어줌클라우드, 애플리케이션 등에 있는

2023년 6월 28일
·
0개의 댓글
·

AWS Route 53 이란 ?

aws 공식문서 바로가기 Amazon Route 53는 DNS(도메인 이름 시스템)를 서비스화 시킨 것. 도메인 이름을 IP주소로 변환하고, 웹 트래픽을 관리하는 데 사용된다. 1. 도메인 등록 Route 53은 도메인 이름을 등록하는 데 사용됨. 도메인을 등록하면

2023년 6월 15일
·
0개의 댓글
·

[CSS In Depth] Responsive Design

반응형 디자인의 첫 번째 원칙: 모바일 버전을 먼저 만들어라데스크탑에 필요한 디자인을 다 만든 후 모바일 버전을 위해 scale down 하는 것이 더 힘들다. 모바일 버전을 먼저 갖춰놓은 후 데스크탑을 위한 기능들을 점진적으로 붙여나가는 것이 훨씬 편한 방법이다. 1

2023년 6월 9일
·
0개의 댓글
·

[CSS In Depth] Grid layout

사용자 정의 줄 이름을 사용하여 열 구조를 정의하면, 그리드 아이템을 배치할 때 이 이름들을 참조하여 더 쉽게 위치를 지정할 수 있다.영역에 직관적으로 이름을 붙이므로써 시각화를 돕는다. 각각의 영역은 사각형 모양이다. 해당 아이템을 어느 그리드에 놓아야 할지, 작업해

2023년 5월 12일
·
0개의 댓글
·

React-Query

TanStack Query 1. Motivation 기존의 많이 쓰이던 상태관리 라이브러리는 클라이언트 상태를 작업하기에는 좋으나 async나 서버 상태 작업에 최적화되어있지는 않다. 그 이유는 서버상태는 완전히 그 개념이 다르기 때문이다 > #### server

2023년 5월 3일
·
0개의 댓글
·

Redux Tookit

Redux란 Javascript를 위한 것 state container predictable Redux를 이용해야하는 이유 predictable한 방법으로 어플리케이션의 전역상태를 관리하기 위해 Redux Toolkit Redux의 몇 가지 단점을 보완하기 위

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

[CSS in Depth] Flexbox

flexbox는 display 속성을 사용하여 구현한다. display: flex를 줌으로써 해당 컨테이너의 첫번째 자식요소들에 flex를 적용할 수 있다. display: inline-flex를 사용할 수도 있다. display: flex와 다른 점은, inline-

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

[CSS In Depth] box model & float

초기 상태html 코드위 사례의 4번째 해결 방안에 만일 button요소를 더 추가하게 되면 바로 문제가 발생하게 된다. 해당 요소를 선택하여 margin-top을 다시 적용하면 된다고 생각하겠지만 이렇게 건당 처리하는 것보다 좀 더 일괄적으로 적용될 수 있는 솔루션이

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

[CSS In Depth] 3. Mastering the box model

너비가 300px인 요소가 있을 때, 여기에 padding: 10px, border: 1px solid을 주게되면 너비가 322px로 바뀐다. magic numbers: border과 padding을 뺀 만큼 너비를 계산해서 적용하기 일반적으로 magic numbers

2023년 2월 10일
·
1개의 댓글
·