아토믹 디자인
props나 콘텍스트를 활용하고, 비즈니스 로직의 구현을 피하고, 편리하게 사용할 수 있게 한다.
아토믹 디자인
props나 콘텍스트를 활용하고, 비즈니스 로직의 구현을 피하고, 편리하게 사용할 수 있게 한다.
39장 DOM
Bounding Box 찾는 알고리즘(무언가를 먼저 찾아야 합니다) CNN
39장 DOM
app폴더 아래에 [slug]라는 폴더를 생성합니다. [slug]폴더 아래에 page.tsx폴더를 생성합니다. 통상적으로는 page.tsx 폴더의 제일 아래에 export function generateStaticParams() {}를 사용해서 Next.js에게 알립니다. 다이나믹...
39장 DOM
React Hooks은 훅(Hook)을 통해 함수 컴포넌트 안의 상태나 라이프사이클을 다루기 위한 기능입니다.
39장 DOM
batch normalization
39장 DOM
Context를 사용하면 데이터를 부모로부터 직접 전달받지 않아도 컴포넌트가 필요한 데이터를 참조할 수 있습니다. 예를 들어, 로그인한 사용자 정보를 어느 컴포넌틍도 참조할 수 있는것과 같습니다.
[SQLD]데이터 모델링의 이해
OVERVIEW 모델링 복잡한 현실 세계를 추상화, 단순화, 명확화하기 위해 일정한 표기법으로 모델을 표현하는 기법
[SQLD]데이터 모델링의 이해
OVERVIEW 모델링 복잡한 현실 세계를 추상화, 단순화, 명확화하기 위해 일정한 표기법으로 모델을 표현하는 기법
33장 Symbol
34. 이터러블 34.1 이터레이션 프로토콜 ES6에서 도입된 이터레이션 프로토콜은 순회 가능한 데이터 컬렉션(자료구조)를 문달기 위해 ECMAScript 사양에 정의하여 미리 약속한 규칙이다. ES6에서 순회 가능한 데이터 컬렉션을 이터레이션 프로토콜을 준수하는 이터러블...
33장 Symbol
33장 심벌 33.1 심벌이란? ES6에서 도입된 7번째 데이터 타입으로 변경 불가능한 원시 타입의 값 다른 값과 중복되지 않는 유일무이한 값 주로 이름 충돌 위험이 없는 유일한 프로퍼티 키를 만들기 위해 사용
History API
OVERVIEW
History API
OVERVIEW back(), forward(), go() : ‘뒤로가기’, ‘앞으로 가기’와 같은 히스토리 스택 조작 pushState(), replaceState() : 주소창 URL을 직접 조작하기 위한 함수 window.onpopstate : 콜백 함수를 넣어주...
39장 DOM
39. DOM
30장 Date
30장 Date
40장 Event
40 이벤트
39장 DOM
39. DOM
28장 Number
표준 빌트인 객체인 Number는 원시 타입인 숫자를 다룰 때 유용한 프로퍼티와 메서드를 제공한다.
29장 Math
표준 빌트인 객체인 Math는 수학적인 상수와 함수를 위한 프로퍼티와 메서드를 제공한다. Math는 생성자 함수가 아니다. 따라서 Math는 정적 프로퍼티와 정적 메서드만 제공한다.
직무적성검사
인적성 수리 문제
서버 사이드 렌더링
과거 리액트 애플리케이션을 만들 때 Create React App이 각광받았지만 요즘은 서버 사이드 렌더링을 지원하는 Next.js 같은 프레임워크를 사용해 프로젝트를 만드는 것이 큰 인기를 끌고 있습니다. 이에 따라 리액트 개발자라면 리액트뿐만 아니라 서버 사이드 렌더링에 대해서...
고차 컴포넌트
고차 컴포넌트는 컴포넌트 자체의 로직을 재사용하기 위한 방법입니다. 고차 컴포넌트는 고차 함수의 일종으로, 자바스크립트의 일급 객체, 함수의 특징을 이용하므로 리액트가 아니더라도 자바스크립트 환경에서 널리 쓰일 수 있습니다. 리액트에서는 이러한 고차 컴포넌트 기법으로 다양한 최적화...
HTTP Status Code
1xx(Information) 100: Continue 102: Processing
모바일 앱 + PWA
네이티브 앱, 모바일 앱, 웹앱, 하이브리드, 크로스-플랫폼의 모바일 앱의 종류를 알고 PWA에 대해 알아봅시다.
서블릿이란
서브릿은 웹 서버에서 작동하는 작은 자바 프로그램이다. 서브렛은 일반적으로 HTTP나 HTML 프로토콜로 웹 클라이언트로 부터 요청과 응답을 받는다. 이 인터페이스를 구현하기 위해 javax.servlet.GenericServlet이나 javax.servlet.http.HttpSe...
32장 String
String
2주차 1차시 - 데이터베이스 관리 시스템
1. 데이터베이스 관리 시스템의 등장 배경
2주차 2차시 - 통신(정보전송) 시스템 Ⅱ
1. 통신 시스템의 하드웨어
2주차 1차시 - 통신(정보전송) 시스템 Ⅰ
1. 정보통신 시스템의 개요
타이타닉으로 Logistic Regression 실습
데이터셋 불러오기 사용하지 않는 컬럼부터 제거 문자값을 전부 숫자값으로 변경
몰랑몰랑
개발환경 구글 드라이브에서 우클릭을 하고 ‘Google Colaboratory’를 클릭합니다. ‘Google Colaboratory’가 보이지 않는다면 ‘연결할 앱 더보기’를 클릭하여 설치해줍니다.
몰랑몰랑
02. 컴퓨터의 구조와 성능 향상 02-01. 컴퓨터의 기본 구성 1. 하드웨어의 구성 컴퓨터는 중앙처리장치(CPU), 메인메모리, 입력장치, 출력장치, 보조 저장장치로 구분 컴퓨터로 하는 작업은 대부분 중앙처리장치와 메인메모리의 협업으로 이루어진다.
몰랑몰랑
자 이제 시작해봐
Anaconda 환경에서 Jupyter Notebook 사용하기
Deep Learning은 학습데이터량이 많아야 합니다. 많다는 기준은 10만개 이상을 가리킵니다. 일반적으로 현실에서 얻을 수 있는 데이터의 양에는 한계가 있습니다. 특히 vision 쪽은 더욱이 데이터를 얻기가 어렵습니다. 그러므로 적은 양의 Data를 이용해서 학습할 수 있는...
Multinomial Classification - 다중 분류
다중분류(multinomial classification)는 이진분류(logistic regression)를 여러 개를 모아서 model로 구현한 것입니다.
데이터 분석[1] - Numpy
Series
2주차 2차시 - 데이터베이스 시스템
1. 데이터베이스 시스템의 정의
1주차 1차시 - 데이터베이스 기본개념
1. 데이터와 정보
31장 RegExp
31.1 정규 표현식이란? 일정한 패턴을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어 펄(Perl)의 정규 표현식 문법을 E3부터 도입 문자열을 대상으로 패턴 매칭 기능을 제공 패턴 매칭 기능: 특정 패턴과 일치하는 문자열을 검색하거나 추...
31장 RegExp
31.1 정규 표현식이란?
Next.js의 Hydration
렌더링의 종류
Next.js의 File Base Routing
Next.js v12