Webpack? Webpack은 '자바스크립트 모듈 번들러(JavaScript Module Bundler)'다. 모듈은 프로그램을 구성하는 독립적인 요소로서 파일 단위로 구분된 것이라고 보면 되고, 번들러는 여러 개의 파일을 하나의 파일로 만들어주는 라이브러리다. 대표

1. 높이를 맞추자 span 태그에 아이콘과 텍스트를 넣었을 때, 위와 같이 불편하게 높이가 안 맞는 경우를 만날 수 있다. 이런 경우에는 태그를 감싸고 있는 상위태그에 <p style="text-align: cen

1. 역할이 같은 함수는 합쳐버리자! 로그인 페이지에서 Enter키와 마우스 클릭으로 로그인 버튼이 경우에 따라서 활성화되는 로직을 구현하였다. 역할이 같은 기능을 두 가지의 함수로 만들었다. ![](https://images.velog.io/images/real

2차 프로젝트를 하는 도중에, props 전달을 부모에서 자식으로, 자식에서 부모로, 부모에서 다른 자식으로 전달해야하는 경우를 만났다. 이 흐름(flow)을 한번에 이해하는게 어려워서 프로젝트 도중이지만, 기록을 해본다.

React 함수형 컴포넌트(functional component)에서 useEffect를 사용하면, side effect를 수행할 수 있다.side effect: React Component가 화면에 render된 후에, 비동기로 처리되어야하는 효과들useEffect(

Hooks 함수 컴포넌트에서 React state의 생명주기 기능(Lifecycle features)을 연동(hook into) 할 수 있게 해주는 함수다. Hook은 class 안에서는 동작하지 않고, class 없이 React를 사용할 수 있게 해준다. Hooks

페이지네이션은 목록형 UI에서 데이터를 한 번에 가져오는 것이 아니라 필요한 만큼, 또는 화면에 보이는 만큼만 백엔드에 요청하고 응답받아 사용하는 방식을 말한다. 게시판처럼 1~10페이지가 있는 형식, 인스타그램에서 가장 하단의 스크롤로 내려왔을 때 새로운 데이터를 가

=> list 내의 각 child에는 고유한 "key"prop이 있어야한다.=> 즉, 모든 react의 element들은 유일해야하고, element들을 list 안에 넣을 때, 그 고유성을 잃어버린다. for some reason=> react의 모든 element들

위코드 1차 프로젝트, Rawrow 클론 회고집을 떠나는 순간부터 트립이 시작되고, 그에 필요한 TRIPWEAR를 만드는 로우로우 웹사이트 클로닝React.js와 Git, Trello로 협업하여 이루어진 첫 번째 팀 프로젝트프론트엔드 3명(배규덕, 이흥수, 김상준)백엔

State state: 상태 컴포넌트 내부에서 가지고 있는 컴포넌트의 상태값 화면에 보여줄 컴퓨넌트의 정보(상태)를 지니고 있는 객체 state는 컴포넌트 내에서 정의하고 사용하며 얼마든지 데이터(객체)가 변경될 수 있다. State 객체 Class componen

1. 이름은 간결하게 2. 불필요한 인자 제거 if 내 소괄호 좌우 공백 제거 if문 조건식 간단하게 만들기 !이나 !!을 붙여 해당 값이 boolean 이라는 사실을 명시할 수 있다. if 문 이후의 실행 문장이 한줄일 경우에 한하여 한줄로 써줄 수도 있다.

개발자에 관심을 갖게 된 이유 디지털 노마드 특정한 웹 서비스, 모바일 앱을 만들고 싶어서 생활코딩(코딩하기 좋은 시대) 발리의 해변가에서 일광욕을 즐기며 노트북으로 일하는 사진 ➡ 정신차려. 현실을 직시해야돼. 위코드에 오기까지 20대 대부분을 워킹홀리데이와 여행

1. Why react? 1-1 Web Application의 발전 애플리케이션의 규모가 커지고 다양한 UI(User Interface), UX(User Experience)를 구현하기 위해서 이전의 방법(DOM, jQuery)으로는 애플리케이션을 개발하고 코드를 유지

참고 영상 1. String Concatenation 2. Numeric operators 3. Increment and decrement operators 4. Assignment operators 5. Comparison operators 6. Logic

event(이벤트) 특정 요소에 interactive한 반응을 할 수 있게 하는 것을 이벤트라고 한다. 이벤트의 종류에는 다음과 같은 것들이 있다. 클릭 이벤트 마우스 이벤트 스크롤 이벤트 터치 이벤트 resize(화면 크기 변화) 이벤트 등등 JavaScript에서

git이랑 절친이 되자. 1. Git Repository를 생성하려면 github에 New 버튼을 누른다. 2. 만들고 싶은 Repository 이름을 입력하고, Create repository 버튼을 누른다. 3. 터미널을 켜고, git을 생성할 디렉토리로 이동

package.json 프로젝트에 대한 요약 설명서

DOM(Document Object Model) DOM(돔)이란 웹페이지의 HTML을 계층화시켜 트리구조로 만든 객체(Object)모델이다. JavaScript는 이 model로 웹 페이지에 접근 접근하고, 페이지를 수정할 수 있다. DOM은 HTML인 웹페이지와 스

Django tutorial part 2는 Django tutorial part 1 다음 부분이에요. Part 2에서는 데이터베이스를 설정하고, 첫 번째 Model을 만들고, Django의 자동 생성 관리 사이트에 대한 간략한 소개를 받을 거랍니다. 🖥 Databa

관련 사이트: https://docs.djangoproject.com/en/3.1/intro/tutorial01/ 투표, 설문조사 app을 만들기 사람들이 내용을 보고, 투표를 하는 공공 사이트 만들기 관리자가 투표 사이트를 추가하고, 수정하고, 지울 수 있는 관리자