프레임워크 (7) 썸네일형 리스트형 [React] Props를 통한 부모 컴포넌트에서 값 넘기기 Props는 컴포넌트간에 값을 교환하기 위한 방법 입니다. 부모 컴포넌트에서 자식 컴포넌트로 값을 전달하는것이 가장 기본적인 사용 방법으로 컴포넌트를 활용하여 화면을 표현하는 React에서는 아주 중요한 문법중 하나입니다. 일단 이번 포스팅에서는 가장 기본적인 부모 컴포넌트에서 자식 컴포넌트로 값을 넘기는 방법을 알아보겠습니다. 부모 컴포넌트에서 자식 컴포넌트로 값을 넘기는 방법은 클래스형 컴포넌트인가 아니면 함수형 컴포넌트인가에 따라서 여러가지 방식으로 나뉘게 됩니다. 먼저 자식 컴포넌트가 함수형 컴포넌트인 경우에 값을 가져오는 방법을 알아보겠습니다. 함수형 컴포넌트 부모 컴포넌트의 경우에는 함수형이든 클래스형이든 큰 차이가 없어서 부모 컴포넌트는 클래스형 컴포넌트로만 가정 하고 진행하도록 하겠습니다... [React] 함수형 컴포넌트와 클래스형 컴포넌트 리액트에서 컴포넌트를 선언하는 방식은 두가지가 있습니다. 첫번째는 함수형 컴포넌트 이고, 두번째는 클래스형 컴포넌트 입니다. 함수형 컴포넌트의 형태는 function App() { const test = ""; return {test} } 위와 같고 클래스형 컴포넌트의 형태는 아래와 같습니다. class App extends Component { render(){ const test = ""; return {test}; } } 언뜻 보기에는 둘 사이에는 큰 차이가 없어 보이지만 둘 사이에는 특징 및 몇가지 장단점이 존재하는데 다음과 같습니다. 함수형 컴포넌트 - 클래스형 컴포넌트에 비해 선언하기가 편하다.- 메모리 자원을 클래스형 컴포넌트에 비해서 덜 차지한다.- 빌드 후 배포시에 결과물의 크기가 작다... React Native 에서 Navigation 사용하기 React Native 공부중에 navigation 내용은 정리 해둘까 싶어서 작성합니다. 네비게이션 테스트 환경 빌드 expo 패키지 매니저 npm yarn 사용할 네비게이션 라이브러리 react-navigation Navigation 이란 거의 대부분의 모바일 앱은 단일 화면으로 구성되지 않습니다. 대체로 모바일 앱 여러개의 화면을 가지고 있기때문에 이러한 화면의 전환을 위해서는 이를 위한 라이브러리가 필요합니다. 사용자가 직접 구현하기 까다롭기 때문에 이를 위해 여러 회사에서 화면 전환을 위한 라이브러리를 만들었는데 오늘은 그 중 react-navigation을 사용해볼 것입니다. react-navigation 사용하기 프로젝트 생성 일단 react native 프로젝트를 새로하나 생성 하겠습니다... Spring_내용설명_02) Spring Framework의 Bean과 Container # Spring Bean Spring의 Bean을 간단히 정의한다면 그저 단순한 객체이다. 다른점이 있다면 Spring Bean은 Spring에 의해서 관리받는 객체라는 점이다. (* 주의 : Java의 Bean은 데이터를 표현하는 VO이니 두 가지를 혼동하면 안된다.) Spring으로부터 이러한 관리를 받기때문에 여러가지 특징이 생기는데 특징은 다음과 같다. * Bean 특징 - 스프링에 의해 의존성이 관리된다.(의존성에 대한 설명은 앞선 포스터에 있습니다.) - 스코프를 특별히 지정하지 않는한 싱글톤. - Bean 으로 선언되어 의존성을 주입 받을 Class 또한 같은 이름의 클래스를 하나만 만들 수 있다. 첫째로, 앞서 말했듯이 Spring의 특수한 장치로 선언된 클래스가 의존하게 될 객체를 사용자.. Spring_내용설명_01) Spring Framework의 IoC(Inversion of Control)란 Inversion of Control: 의존 관계 주입(Dependency Injection)이라고도 하며, 어떤 객체가 사용하는 의존 객체를 자체적으로 만드는 것이 아니라,스프링과 같은 장치로 부터 주입 받아 사용하는 방법을 말 함. - 의존성의 역전을 말한다. 의존성을 자신이 직접 정의하는 것이 아닌 스프링이 만들어둔 장치(@Autorwire, @Resource등)를 이용하여 값을 받아서 사용하는 것. - 여기서 의존성은 다른 클래스( example class : AClass )나 인터페이스( example interface : AInter )와 상속 또는 구현의 관계에 있을때 이를 상속하거나 구현한 클래스( example class : BClass, CClass) 중 어떠한 클래스가 들어가나에 따라.. 토비의 스프링 용어 정리 요즘 공부 하고있는 책인데 내용이 제 수준에서는 어려웠습니다. 읽다가 집중력 깨지는 순간이 많아서 왜그런가 생각해보니 아무래도 모르는 단어나 알고는 있지만 내 머릿속에서 명확하게 정의가 되지 않은 용어들이 많기 때문이란 생각이 들었습니다. 아무래도 용어관련 부분에서 한번 정리를 하고 넘어가야 할 것 같아서, 제 기준으로 몰랐던 용어나 익숙하지 않은 용어를 정리해서 올립니다. 1부(1~8장)의 용어들을 정리하였고, 최대한 책의 나오는 개념 설명으로 용어를 정리하였습니다.단, 7~8장의 경우 그런 단어가 없었기 때문에 따로 정리하지 않았으니 참고 하시길 바랍니다. 1장 - 프레임워크 API라는 점에서 라이브러리와 비슷하지만, 라이브러리가 코드에 의해 필요에 따라 사용하는 거라면 프레임워크는 개발 자체를 주도.. [토비의 스프링] 1장 정리 안녕하세요. 최근에 회사에서 스프링을 사용해서 프로젝트를 진행할 일이 생겨서 공부해볼 생각에 괜찮은 책을 찾아봤는데 토비의 스프링이란 책을 찾게 됐습니다. 스프링공부를 제대로 해본적이 없어서 전혀 모르고 있었는데 스프링 프레임워크에서 정석 같은 책이더군요. 책을 읽으면서 내용이 좋다란 느낌을 받아서 그냥 단순하게 독서와 타이핑으로 공부하기보단 내용을 정리해서 블로그에 올리자란 생각이 강하게 들어서 한장 한장 정리해볼 생각입니다. 1~8장 까지가 스프링에 관한 개념적인 내용을 정리한 것이고, 그 이후의 내용은 실사용이란 얘기를 들어서 1~8장 까지만 정리 할지 아니면 그 이후도 정리 할지는 아직 잘 모르겠습니다. 1장 오브젝트와 의존관계 자, 시작하기 전에 프레임워크란게 뭔가를 일단 정리하고 들어가야 할 .. 이전 1 다음
