[React] React Redux 적용하기

Right3에서 Left3에 있는 숫자를 변경시키려면?Left3은 Root에서부터 줄줄이 number를 넘겨받아야 하고, Right3은 Root에서부터 줄줄이 onIncrease를 넘겨받아야 함 React용 공식 Redux UI 바인딩 라이브러리 Redux와 React

2022년 6월 16일
·
0개의 댓글
post-thumbnail

[TypeScript] 타입 추론, 타입 호환, 타입 별칭

타입스크립트가 코드를 해석해나가는 동작위 코드에서 x 의 타입을 따로 지정하지 않더라도 x 는 number 로 간주된다. 변수, 속성, 인자의 기본 값, 함수의 반환 값 등을 설정할 때 이와 같은 타입 추론이 일어난다.몇 개의 표현식을 바탕으로 타입을 추론해서 best

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

[TypeScript] 함수, 인터페이스, 이넘, 제네릭

함수를 선언할 때 매개변수와 반환 값에 타입을 작성반환 값에 타입을 정하지 않을 때는 void 라도 작성Rest 문법 적용 예시개인적으로 헷갈렸던 부분.. spread & rest 참고: spread와 rest보통 다음과 같은 범주에 대해 정의할 수 있다.객체의 스펙

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

[TypeScript] 타입스크립트를 사용하는 이유, 기본 타입

자바스크립트에 타입을 부여한 언어 (자바스크립트의 확장된 언어)자바스크립트와 달리 브라우저에서 실행하기 위해 컴파일 과정 필요에러의 사전 방지예시개발 생산성 향상현재 변수의 타입에 따라 가능한 API를 미리보기로 띄워줌BooleanNumberStringObjectArr

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

[React] 미니 블로그 프로젝트 TIL

path가 없는 Route. 부모 URL에 있는 부모 outlet에서 렌더 됨Outlet?부모 route 요소에서 자식 route 요소를 렌더하기 위해 사용 → outlet을 사용하여 중첩 라우팅이 가능단어를 풀어서 보면 out하는 것을 let한다는 뜻이다. 보통 상위

2022년 6월 2일
·
0개의 댓글
post-thumbnail

[TypeScript] React 프로젝트에 TypeScript 적용하기

설치react-router-dom을 사용하는 경우 @types/react-router-dom도 함께 설치한다.npm i -g typescript 명령어를 통해 typescript를 전역으로 설치하면 tsc command를 사용할 수 있다.ex) $ tsc --init$

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

[React] 헷갈리는 개념 정리

index.css: 전체 프로젝트에 영향을 미치는 스타일링App.css: 앱 컴포넌트에 대한 스타일링 → 각 컴포넌트의 css 파일과 함께 index.html의 <head> 부분에 들어감 → 오버라이딩 발생할 수 있음 → module 방식으로 작성하면 클래스

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

[JavaScript] DOM & Event

문서 객체 모델HTML 문서의의 각 요소들을 트리 형식으로 표현해줌각 객체를 노드라고 함document.querySelector() : 조건에 맞는 가장 첫 노드 하나만 가져옴document.querySelector('h3:nth-of-type(2)') →이렇게 css

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

[JavaScript] 정리

<script> 태그를 <head> 에 작성할 경우 브라우저가 한 줄씩 파싱하다가, 해당 태그를 만나면 block되고 필요한 JS 파일을 다운 받아서 실행한 다음, 다시 파싱으로 넘어감단점: 파일 크기가 클 경우 사용자가 웹 사이트 보기까지 많은 시간 소요&

2022년 5월 15일
·
0개의 댓글
post-thumbnail

[web] 브라우저 렌더링 과정

사용자 인터페이스 - 주소 표시줄, 이전/다음 버튼, 북마크 메뉴 등 웹 페이지를 제외한 나머지 모든 부분. 사용자와 상호작용하는 사용자 인터페이스브라우저 엔진 - 사용자 인터페이스와 렌더링 엔진 사이의 동작을 제어렌더링 엔진 - 요청한 웹 페이지를 표시 ex) HTM

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

[CSS] 정리

앞서 적은 글과 마찬가지로 CSS도 헷갈리는 부분들 위주로 정리했다.Cascading Style Sheets속성 선택자대괄호를 이용해서 선언하며, 대괄호 안에 속성 이름이 들어감가상 클래스참고: https&#x3A;//developer.mozilla.org/ko/doc

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

[HTML] 정리

약 1년 전에 프로그래밍을 혼자 처음 공부하기 시작했을 때 생활코딩에서 HTML 강의를 들으면서 처음 들어보는 온갖 내용을 정리하기 바빴던 기억이 있다. 하지만 지금도, 어떤 HTML 강의를 들어도 왠지 새롭거나 자꾸 잊어버리는 용어/개념들이 있는 것 같다. 언젠가 또

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

[JavaScript] var, let, const 키워드 비교

ES6 이전에 자바스크립트에서 변수를 선언할 수 있는 유일한 키워드였음특징중복 선언 가능문제점: 동일한 이름의 변수가 이미 선언되어 있는지 모르고 중복 선언 & 값까지 할당할 경우 먼저 선언된 변수 값이 변경되는 부작용 발생함수 레벨 스코프오로지 함수의 코드 블록만을

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

[programmers] 다리를 지나는 트럭

https&#x3A;//programmers.co.kr/learn/courses/30/lessons/42583푸는 것보다 문제를 이해하는 데에 더 오래 걸렸던 문제다.우선 대기 중인 트럭, 다리를 건너는 트럭은 queue 형태로 먼저 들어온 순서대로 나갈 수 있다. 그

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

[JavaScript] no-restricted-syntax 에러

자바스크립트 메서드 getElementsByClass를 사용해서 같은 클래스를 가진 여러 요소의 목록을 순회하고자 했다. 그러자 코드에 빨간 줄이 쳐지면서 크롬 화면에 아래와 같은 설명이 나타났다.찾아보니 getElements라는 이름에서 알 수 있

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

[JavaScript] export, export default 비교

프로젝트 하면서 export, import 할 일이 많은데 매번 헷갈리는 것 같아서 정리해두고자 한다. export default 하나의 모듈에서 export default는 하나만 가능하다. 하나의 모듈에서 하나의 export default만 존재하기 때문에 imp

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

[JavaScript] JSON 메서드 비교 / Response.json(), JSON.parse(), JSON.stringify()

JSON.parse() JSON 데이터는 문자열 형식으로 이루어져 있으므로 key에 대해 value를 뽑아내는 등 해당 데이터를 사용하려면 변환이 필요하다. 이 과정을 도와주는 것이 JSON.parse() 메서드이다. 주어진 JSON 문자열을 Object 형식으로 반환

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

[programmers] 소수 찾기

https&#x3A;//programmers.co.kr/learn/courses/30/lessons/42839우선은 주어진 numbers에 대해 조합을 구해야 하는데, itertools를 사용하거나 직접 구하거나 하는 2가지 방법이 있다. 이전에는 직접 구현할 줄 알아

2022년 3월 9일
·
0개의 댓글
post-thumbnail

[Django] heroku 배포 2 - 패키지 설치 및 파일 생성

gunicorn, whitenoise를 설치한다. gunicorn: python WSGI. 웹 서버와 장고 사이에서 request를 처리해주는 역할이다. whitenoise: 배포 시 settings.py에서 DEBUG를 false로 설정하게 되는데, 이렇게 하면

2022년 2월 25일
·
0개의 댓글
post-thumbnail

[Django] heroku 배포 1- sqlite3에서 MySQL로 DB 변경하기

Django 프로젝트를 배포하려고 지난 12월에 heroku 배포를 시도했는데 어떤 방법을 써도 잘 안 되고 어떻게 해결해야 할 지 모르겠어서 한동안 미뤄두고 있었다. 내가 이전 시도를 실패했던 가장 큰 이유는, heroku에서는 기본적으로 PostgreSQL을 사용하

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