# component

176개의 포스트

[TIL] APP과 Main을 분리하는 이유

약 2주째 vanila js로 프로그램을 따라 만들어보고, 프로젝트를 만들어 보고 있다. 그때마다 강사님께서는 App.js와 main.js를 분리해서 만드셨다. 수업 초반에 "왜 이 둘을 분리해서 쓰는지 생각해보세요." 라는 말을 한적이 있다. 사실 수업을 들으면서 m

약 22시간 전
·
0개의 댓글
post-thumbnail

state 끌어올리기

매일 진도는 나가지만 머리의 한계로 재깍재깍 따라잡지 못해 엄청 밀리게 되었다..그래서 매일 깨닫는게 있지만 정리할 틈이 없었고,진행이 더뎌 정리할 것도 없었다..흑오늘은 현재 진행하는 진도와는 상관없이 오늘 배운 수업을 간단히만 정리해두려고 한다!중요하다고 강조하셨던

3일 전
·
0개의 댓글
post-thumbnail

REACT

웹이 점점 복잡해져서 UI를 만들기 위한 Javascript 라이브러리리액트는 가상돔(virtual dom)을 통해 ui 를 빠르게 업데이트이전 UI 상태를 메모리에 유지해서 변경될 UI의 최소집합을 계산하는 기술—> 불필요한 업데이트를 줄일 수 있음.실제돔을 간략하게

6일 전
·
0개의 댓글

TIL - React를 시작하기 전에(1~5)

✔ JSX는 무엇인가? > 위의 태그 문법은 HTML도 아니고, 문자열도 아니다. 자바스크립트를 확장시킨 JSX라는 것이다.(아직은 내가 배우기 전이니 React.js를 쓰기 위해 사용하는 문법정도라고 생각해 두려고 한다...) ✔ JSX가 가진 특징은 무엇

7일 전
·
0개의 댓글
post-thumbnail

Vue.js Component

이름이 있는 재사용 가능한 인스턴스컴포넌트에 등록할 수 있는 커스텀 속성

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

Component Life Cycle

constructor는 componenntComponent Life Cycle diagram

2021년 9월 5일
·
0개의 댓글

[React] component, props 개념

리액트에서는 '컴포넌트'라는 구성단위로 프론트 개발을 하게 된다. 컴포넌트는 구성요소라는 뜻인데, 화면을 구성하는 요소들을 각각 만들고 그것을 하나로 합쳐 하나의 페이지가 되는 형식이다.이 컴포넌트 또한 작게 쪼개서 작은 부분을 합쳐 하나의 컴포넌트로 만들 수 있다.

2021년 9월 4일
·
0개의 댓글
post-thumbnail

[Project] 모달을 통한 생성/삭제 기능 구현

예... 현재 12시간 프로젝트 중인데, 같은 부분에서 3시간 삽질했네요...! 인내심이 끝까지 달리던 순간, 뭔가 제가 오해가 있을 거란 부분을 생각해서 수정한 결과, 정상 동작을 하게 됐읍니다!!! 👏👏👏이래서 정말... 언러닝이 중요하다는 것을 다시금 느낍니

2021년 9월 2일
·
0개의 댓글
post-thumbnail

[React Native] Core component로 To-Do List App 만들기

기업협업 2일차, 본격적인 프로젝트에 들어가기 앞서 React Native, TypeScript와 친해지는 한 주를 보내고 있다. 프로그래밍 언어를 공부하는 데 있어 최고의 학습 방법은 역시 '많이 써보는 것'이라는데, 하룻동안 익힌 개념도 손으로 직접 써보며 구현해보

2021년 9월 1일
·
0개의 댓글
post-thumbnail

😃스프링 의존성 주입(Dependency Injection) 이란 ???

생성자에 @Auto wired가 있으면 자동으로 스프링이 연관된 객체를 스프링 컨테이너에서 찾아서 넣어준다. 이렇게 객체를 의존관계를 외부에서 넣어주는 것을 DI(Dependency Injection) 의존성 주입이라고 한다.여기서 의존성 주입(DI Dependency

2021년 8월 30일
·
2개의 댓글
post-thumbnail

React #2

JSX?리액트에서 사용하는 자바스크립트 확장 문법브라우저가 알아들을 수 있게 바벨을 자바스크립트 형태의 코드로 컴파일함장점?HTML 태그를 그대로 사용하기 때문에 보기 쉽고 익숙HTML 태그를 사용하는 동시에 자바스크립트도 JSX 안에서 동작

2021년 8월 30일
·
0개의 댓글

Day 3

function을 쓰는 경우와 class를 쓰는 경우의 차이?Component 작성시에 component내에 state가 필요하고 이에 따라 받아오는 데이터가 다르다면 extends Component...를 사용하는데, state가 필요없고 정적으로 데이터를 받아온다면

2021년 8월 28일
·
0개의 댓글

[React] React 기본 - Component 2

하나의 리스트를 웹사이트에 표시하려고 할 때, List가 추가될때마다 위 코드처럼 수동으로 추가하고 추가하고..이 과정을 반복해야할까? 이처럼 List라는 Component에 food_name과 rating이라는 data를 전달해주는 방식으로 재활용이 가능하다.이는 코

2021년 8월 19일
·
0개의 댓글

[React] React 기본 - Component 1

React는 Component로 구성된다. Component는 html을 반환하면서 js문법을 사용할 수 있고, 이는 JSX 문법이다.JSX문법은 React에만 적용할 수 있으며, React에 특화된 문법이다.위 코드에서 Component 구조는 다음과 같다.<A

2021년 8월 19일
·
0개의 댓글
post-thumbnail

TIL-28 React Component

React Component

2021년 8월 17일
·
0개의 댓글

Vue 컴포넌트 전역등록

중복으로 사용되는 컴포넌트가 있는데, 매번 등록해줘야 할까?

2021년 8월 11일
·
0개의 댓글
post-thumbnail

Bug-O

이 글은 위 블로그 글을 카피한 것이며, 글의 내용이 너무 좋아 오래 기억하고 싶어 블로그글로 남기게 되었습니다.성능이 매우 중요한 코드를 작성할 때는 알고리즘 복잡도를 생각하는 것이 좋다. 알고리즘 복잡도는 대개 Big-O 노테이션으로 표현된다.Big-O는 데이터가

2021년 7월 31일
·
0개의 댓글
post-thumbnail

플러터 컴포넌트 제작기-서치바

여러모로 플러터로 앱을 제작중에 컴포넌트를 만들어두는게 조금더 나을꺼같아서 미리 만들어보기도하고, 포스팅도해보려고한다.먼저 컴포넌트의 구조는 이렇게 정하려고한다검색창 클릭->검색페이지로이동->검색페이지에서 검색결과와, 필터다이로그->다시원상태로 혹은 검색결과로그럼 먼저

2021년 7월 30일
·
0개의 댓글
post-thumbnail

React-Event (feat. State & Scroll Event)

자세한 코드 보기 함수는 함수를 호출하는 주체가 this가 되며, 클래스는 객체를 가리킨다.함수에서의 this는 콜하는 주체에 따라 달라지므로 사용에 주의해야하며 this는 클래스 컴포넌트에서 더욱 많이 사용된다.state가 변경되면 reder가 실행이 된다. ren

2021년 7월 30일
·
0개의 댓글