profile
oneThing
태그 목록
전체보기 (83)코드스테이츠(11)React(4)CSS(4)배열(3)node.js(3)타입(2)Flex(2)프로토타입(2)Side Effect(2)JSON.stringify(2)Props(2)반복문(2)함수(2)변수(2)웹접근성(2)비동기(2)JSON.parse(2)wireframe(2)와이어프레임(2)JSX(2)드림엘리(2)virtual DOM(2)html(2)redux(2)아코디언(1)sop(1)canvas(1)최적화(1)animation(1)Mock-up(1)리액트데이터흐름(1)기본형(1)routing(1)메모리(1)undefined(1)Function Component(1)WCAG(Web Content Accessibility Guidelines)(1)css - preprocessor(1)cors(1)User Flow(1)리엑트 라우터(1)CD(지속적 배포)(1)BEM(1)웹팩(1)promise(1)figma(1)요소(1)(1)커스텀 훅(1)깊은복사(1)lifting state up(1)terminal(1)data fetching(1)자료구조(1)시맨틱 HTML(1)npm(1)버추얼돔(1)무한스크롤(Infinite Scroll)(1)LNB(Local Navigation Bar)(1)Effect Hook(1)React Hooks(1)OOP(1)객체지향프로그래밍(1)Component-Driven Development(1)회선교환(1)스코프(1)rds(1)http(1)상태(1)코드 분할(1)Cmarket Redux(1)SMACSS(1)stack(1)queue(1)배포(1)한국형 웹 콘텐츠 접근성 지침 2.1(1)transform(1)가변(1)배포 자동화(1)클라우드 컴퓨팅(1)세션(1)쿠키(1)dependency array(1)웹콘텐츠(1)캔버스(1)토글(1)불변객체(1)React.lazy(1)oAuth(1)자동완성(1)OOCSS(1)객체(1)UI/UX 사용성 평가(1)memoization(1)네트워크 요청(1)페이지네이션(Pagination)(1)recursion(1)인덱스(1)Class Component(1)데이터 무결성(1)박스모델(1)라우팅(1)Cmarket Hooks(1)프론트엔드(1)Semantic HTML(1)Dispatch(1)트리(1)참조 자료형(1)csrf(1)SaaS(1)null(1)TCP/UDP(1)Prototype(1)storybook(1)이진트리(1)ajax(1)ux(1)Fetch API(1)초보자도 쉽게 만드는 React 웹 서비스 만들기(1)TCP/IP 4계층(1)구조화된 CSS(1)검증 헤더(1)조건부 요청(1)태그(1)usedispatch(1)store(1)JavaScript(1)On-premise(1)udemy(1)고차함수(1)graphql(1)웹서버(1)UI(1)ip(1)reducer(1)Flexbox(1)Clickjacking(1)SQL injection(1)keyframes(1)action(1)제이콥 닐슨(1)캐러셀(Carousel)(1)GNB(Global Navigation Bar)(1)deploy(1)lighthouse(1)웹인증(1)조건문(1)반응형웹(1)문자열(1)refactor express(1)calculator(1)ec2(1)XSS(1)cli(1)REST API(1)JWT(1)json(1)조건부 effect(1)패킷교환(1)온프레미스(1)드롭다운(1)React SPA(1)클로저(1)Tree Shaking(1)라우터(1)얕은복사(1)filter(1)웹캐시(1)open API(1)UI디자인 패턴(1)CSS in JS(1)tree(1)SEB_FE_39기(1)BFS(1)nano(1)React Diffing Algorithm(1)내장고차함수(1)State(1)useMemo(1)useRef(1)cross browsing(1)OWASP(1)원시 자료형(1)nvm(1)크로스 브라우징(1)middleware(1)Web APIs(1)Sass(1)styled components(1)코플릿(1)useCallback(1)useselector(1)removeExtremes(1)reduce(1)REST 성숙도모델(1)모달(1)타이머API(1)피터 모빌(1)IP Packet(1)cpu(1)memory(1)transition(1)custom hook(1)번들링(1)css selector(1)구조분해(1)성장형마인드셋(1)재귀(1)스택(1)메타인지(1)상태관리 라이브러리(1)이중for문(1)웹공격(1)components(1)Vercel(1)aws(1)seo(1)Spread/Rest(1)컴퓨터 구조(1)Web Server(1)css 전처리기(1)미들웨어(1)일급객체(1)Code Spliting(1)CI(지속적 통합)(1)W3C(1)Map(1)DFS(1)그래프(1)토큰(1)Token(1)postman(1)아르파넷 프로젝트(1)(1)JavaScript Koans(1)원시타입(1)참조타입(1)보안(1)참조동등성(1)AMI(1)트리 순회(1)검색엔진 최적화(1)Redux-hooks(1)Suspense(1)참조형(1)react router(1)웹표준(1)터미널(1)cdd(1)git(1)OSI 7 계층(1)WAI-ARIA(1)fidelity(1)그리드 시스템(1)

[개발자되기: 자료구조 기초] Day-59

입력과 출력이 하나의 방향으로 이뤄짐LIFO(Last In First Out) || FILO(First In Last Out)저장되는 데이터는 유한하고 정적스택의 크기는 제한되어 있음 \- 스택 오버플로우(stack overflow)브라우저의 뒤로 가기, 앞으로 가기

2일 전
·
0개의 댓글
·

[개발자되기: CI/CD] Day-58

한번의 클릭 or 명령어를 통해 전체 배포 과정을 자동으로 진행하는 것수동적, 반복적인 배포과정을 자동화하여 시간 절약휴먼 에러(수동적으로 사람이 배포하는 과정에서 생기는 실수) 방지 가능 Source단계: 원격 저장소에서 관리되는 소스코드에 변경이 있을 경우 이를 감

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

[개발자되기: AWS] Day-57

주기적인 유지 관리가 필요함계속 컴퓨터를 추가설치하기에는 공간적인 한계 있음==> 데이터 센터 등장 및 데이터센터의 유휴자원 대여 서비스 등장 ==> 클라우드 컴퓨팅의 시작전통적 데이터 센터와 비슷한 역할을 하지만, 물리적 컴퓨터가 아닌 가상 컴퓨터를 대여한다는 측면에

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

[개발자되기: 최적화] Day-56

(컴퓨터 공학) 가능한 적은 리소스를 소모하면서 가능한 한 빠르게 원하는 결과를 얻을 수 있도록 하는 것(웹개발) 주어진 조건 아래 최대한 빠르게 화면을 표시하도록 하는 것화면 로딩 시간이 길어지면 사용가의 페이지 이탈확률도 높아짐 전환율: 웹사이트 방문자 중 회원가입

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

[개발자되기: GraphQL] Day-54

페이스북에서 만든 쿼리 언어장점: REST API방식의 고정된 자원이 아닌, 클라이언트 요청에 따라 유연하게 자원을 가지고 올 수 있다!!트리의 방향성은 존재하나 사이클은 존재하지 않는 비순환 그래프임트리구조로 쿼리 결과를 받기 위해 그래프를 탐색하는 쿼리언어Graph

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

[개발자되기: 컴퓨터 공학 기초] Day-53

컴퓨터가 처리할 수 있는 형태로 데이터와 명령을 받아들이는 물리적인 장치ex) 키보드, 마우스, 스캐너, 태블릿 등 처리된 데이터를 사람이 이해할 수 있는 형태로 출력하는 물리적인 장치 ex) 모니터, 프린터산술/논리 연산 장치: 덧셈 수행제어장치: 프로그램에 따라 명

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

[코어자바스크립트] 03. this

this는 실행컨텍스트가 생성될 때 함께 결정됨실행컨텍스트는 함수를 호출할때 생성됨 즉, this는 함수를 호출할 때 결정됨전역공간에서 this는 w전역객체를 가리킴브라우저 환경에서 전역객체 ➔ windowNode.js 환경에서 전역객체 ➔ global메서드로 호출하는

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

[코어자바스크립트] 02. 실행 컨텍스트

실행 컨텍스트(Execution context) 실행할 코드에 제공할 환경정보들을 모아 놓은 객체 스택 출입구가 하나뿐인 우물같은 데이터 구조 큐 양쪽이 모두 열려있는 파이프 우선순위가 중요한 작업들(ex. 프린트 인쇄) 실행 컨텍스트의 수집 정보 Variable

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

[개발자되기: React 심화2] Day-52

함수 이름 앞에 use 붙이기프로젝트 내 hooks 디렉토리에 Custom Hook 위치시키기return 하는 값은 조건부이면 안됨React 18 버전에서는 더이상 ReactDOM.render를 지원하지 않음React 18에서는 이제 createRoot API를 사용함

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

[개발자되기: React 심화] Day-51

실제 DOM의 사본 같은 개념. React는 실제 DOM 객체에 접근하여 조작하는 대신 이 가상의 DOM 객체에 접근하여 변화 전/후를 비교 후 바뀐 부분을 적용한다DOM (Document Object Model)JavaScript 같은 스크립팅 언어가 <html

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

[개발자되기: 번들링과 웹팩] Day-50

사용자에게 웹애플리케이션을 제공하기 위한 파일 묶음필연적으로 용량을 줄이고 파일을 통일하는 툴링작업이 필요함 FE 애플리케이션 배포를 위해 가장 많이 사용하는 번들러여러개의 파일을 하나의 파일로 합쳐주는 모듈 번들러모듈번들러: HTML, CSS, JS 등의 자원을 전부

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

[개발자되기: CSS 애니메이션] Day-49

animation-name : 애니메이션 중간상태를 지정하는 이름, @keyframes 블록에 작성animation-duration : 한 싸이클의 애니메이션이 재생될 시간 지정. 지정해주지 않으면 기본값은 0animation-delay: 애니메이션의 시작을 지연시킬

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

[개발자되기: HTML/CSS 심화] Day-48

브라우저는 사용자가 선택한 자원(Resource)를 서버에 요청(Request)하고, 서버의 응답(Response)을 브라우저에 띄우는(Rendering) 방식으로 동작함자원: HTML 문서, PDF, 멀티미디어자원의 주소: URI(Uniform Resource Ide

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

[개발자되기: 기술면접] Day-47

재귀란 자기 자신을 호출하는 것을 일컫는다. 즉 어떤 함수에서 자기 자신을 다시 호출하여 문제를 푸는 것을 재귀로 문제를 해결했다고 한다. 이를 통해 문제를 더 작게 쪼갤 수 있고, 더 이상 쪼갤 수 없을때까지 가장 작은 단위로 쪼개서 문제를 푸는 것이다. (흔히 재귀

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

[React로 만드는 자기소개 사이트] 구조 잡기

사이트 구조홈화면 ABOUT MEPROJECTCONTACT

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

알고리즘: mergeSort

정수를 요소로 갖는 배열을 입력받아 오름차순으로 정렬하여 리턴해야 합니다.number 타입을 요소로 갖는 배열arri는 정수arr.length 100,000 이하number 타입을 요소로 갖는 배열을 리턴해야 합니다.배열의 요소는 오름차순으로 정렬되어야 합니다.arri

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

[코어자바스크립트] 01. 데이터타입

숫자, 문자열, 불리언, null, undefined, 심볼 등객체, 배열, 함수, 날짜, 정규표현식 등1\. 변수 b에 새로운 데이터를 할당하여 주소값이 바뀜2\. obj2의 프로퍼티 값이 하나 바뀌었으므로, 해당 프로퍼티의 주소값은 새 데이터의 주소값으로 바뀌었으나

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

[개발자되기: 인증/보안 2] Day-46

관계형 데이터베이스 시스템(RDBMS)에서 데이터 관리/처리를 위해 설계된 선언형 프로그래밍 언어사용자가 input form에 무언가 작성하는 상황에서 발생공격자는 input form에 일반 텍스트가 아닌 SQL문을 작성 input form에 SQL문을 마무리하는 키워

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

[개발자되기: 웹인증/보안/쿠키/세션] Day-45

HTTP + Secure => HTTP프로토콜 내용을 암호화함으로서 보안성이 추가됨데이터 제공자 신원 보장인증서에 도메인 정보 들어가있음 (응답객체 도메인과 인증서 도메인이 같은지를 비교하여 확인)Certificate Authority공인 인증서 발급 기관TLS or

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

[개발자되기: 네트워크 심화] Day-44

발신자와 수신자에 각각 할당된 전용선으로 연결내가 연결하고자 하는 상대가 다른 상대와 연결중이 경우 해당 연결이 끊어져야 연결 가능즉시성이 떨어짐소포를 보내듯 출발지와 목적지 정보를 가진 단위로 데이터를 잘게 나누어 전송함 IP는 지정한 IP주소에 패킷이라는 통신단위로

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