인프런 김영한 강사님의 스프링 핵심 원리 - 기본 편을 보고 정리한 내용입니다.. 출처 - www.inflearn.com/course/%EC%8A%A4%ED%94%84%EB%A7%81-%ED%95%B5%EC%8B%AC-%EC%9B%90%EB%A6%AC-%EA%B8%B0%EB%B3%B8%ED%8E%B8/dashboard 스프링 핵심 원리 - 기본편 - 인프런 | 강의 스프링 입문자가 예제를 만들어가면서 스프링의 핵심 원리를 이해하고, 스프링 기본기를 확실히 다질 수 있습니다., 스프링 핵심 원리를 이해하고, 성장하는 개발자가 되어보세요! 📣 확인해주 www.inflearn.com 좋은 객체 지향 설계의 5가지 원칙 SOLID SRP: 단일 책임 원칙(single responsibility principle..

인프런 김영한 강사님의 스프링 핵심 원리 - 기본 편을 보고 정리한 내용입니다. 출처 - www.inflearn.com/course/%EC%8A%A4%ED%94%84%EB%A7%81-%ED%95%B5%EC%8B%AC-%EC%9B%90%EB%A6%AC-%EA%B8%B0%EB%B3%B8%ED%8E%B8/dashboard 스프링 핵심 원리 - 기본편 - 인프런 | 강의 스프링 입문자가 예제를 만들어가면서 스프링의 핵심 원리를 이해하고, 스프링 기본기를 확실히 다질 수 있습니다., 스프링 핵심 원리를 이해하고, 성장하는 개발자가 되어보세요! 📣 확인해주 www.inflearn.com 객체 지향의 특징 추상화, 캡슐화, 상속, 다형성 4가지 있다. 객체 지향의 핵심은 다형성이다. 다형성 - 역할과 구현으로 세상을..

인프런 김영한 강사님의 스프링 핵심 원리 - 기본 편을 보고 정리한 내용입니다. 출처 - www.inflearn.com/course/%EC%8A%A4%ED%94%84%EB%A7%81-%ED%95%B5%EC%8B%AC-%EC%9B%90%EB%A6%AC-%EA%B8%B0%EB%B3%B8%ED%8E%B8/dashboard 스프링 핵심 원리 - 기본편 - 인프런 | 강의 스프링 입문자가 예제를 만들어가면서 스프링의 핵심 원리를 이해하고, 스프링 기본기를 확실히 다질 수 있습니다., 스프링 핵심 원리를 이해하고, 성장하는 개발자가 되어보세요! 📣 확인해주 www.inflearn.com 내용 정리 스프링의 핵심은 스프링 프레임워크이다. 스프링 부트는 스프링을 편리하게 사용할 수 있도록 지원하는 도구이다. 기본으로 ..

객체란? 사용자 정의 객체 만들기 간단하게 말해서 복합 자료형이다.. 객체 안에는 숫자, 문자열 심지어 객체까지 포함할 수 있어 복합 자료형이라고 부른다. 간단한 예제로 아래와 같이 문자열, 숫자를 포함한 book이란 객체를 만들었다. let book ={ title: '제목', author: '홍길동', pages: 350, price: 1800, } 객체는 key : value 형태로 구성된다. title은 key이고 '제목'은 value에 해당된다. 자바 스크립스에서 객체의 종류 내장객체: 자바스크립트 안에 미리 객체로 정의되어 있는 객체 ex) Date 문서 객체 모델(DOM): 객체를 사용해 웹 문서를 관리하는 방식 ex) Document, Image 객체 등이 있다. 브라우저 객체 모델(BOM..

이번에 react-native로 프로젝트를 하나 진행하게 되었다. 그래서 이제 react-native 공부 관련 글을 작성하려 한다. 이번 앱에서 카톡 메시지함과 비슷한 것을 만들어야 했다. 그래서 FlatList를 사용해서 배열로 저장된 데이터를 표시하는 기능이 필요했다. 그 때 사용하고 공부한 내용을 작성해보자 FlatList는 많은 양의 리스트 아이템을 스크롤로 내리면서 보여주고자 할 때 사용한다. ScrollView와 다른 점 ScrollView는 데이터가 화면을 벗어났을 때 단순히 Scroll을 만들어 벗어난 부분을 볼 수 있게 해 준다. FlatList는 ScrollView와 같이 데이터가 화면을 벗어날 때 Scroll을 생성하지만 모든 데이터를 렌더링 하지 않고 화면에 나타나는 부분만 렌더링..

이번 글은 템플릿 문자열에 관하여 알아보겠다. 이것도 모르고 프로젝트 코드 작성하다가 한참 시간 낭비했다. 템플릿 문자열은 ES6에서 새로 추가된 문자열이다. 이 문자열은 큰 따옴표나 작은따옴표로 감싸는 기존 문자열과 다르게 tab키 위의 백틱( ` )으로 감싼다. 특이한 점은 이 문장열 안에 변수를 넣을 수 있다. 비교 예시를 보자 기존의 es5 문법은 아래와 같다. let num1 = 1; let num2 = 2; let result = 3; let string1 = num1 + " 더하기" + num2 + "는 '" + result + "'"; console.log(string); // 1 더하기 2는 '3' 위의 코드는 변수, 더하기 기호 등으로 가독성이 좋지 않다. 이제 템플릿 문자열을 사용해서..

React로 열심히 프로젝트를 하다가 프로젝트를 잠깐 쉬게 되었다. 그래서 부족하다고 느꼈던 Javascript를 기초부터 다시 정리하기로 했다. 오늘 글은 Javascript에서 변수를 선언할때 사용하는 var, const, let에 대하여 알아보도록하자 1. 선언방식 선언하는 방식은 아래와 같다. var, let, const 등을 적고 변수명을 적어서 선언하면된다. var x = 3; console.log(x); // 3 let y = 2; console.log(y); // 2 const z = 1; console.log(z); // 1 2. 차이점 그럼 3개의 차이점이 무엇인가? 먼저 var은 함수 스코프를 가지고 let, const는 블록 스코프를 가진다. 함수 스코프는 블록( '{}'와 같은 중..

현재 프로젝트를 하나 진행하면서 하위 컴포넌트에서 상위 컴포넌트로 값을 변경할 일이 생겼네요.. 코드를 고치기에는 너무 많이 작업을 하여 그대로 진행하기로 했습니다. 하위 컴포넌트에서 상위 컴포넌트로 값 전달하기 알아볼게요 상위 컴포넌트는 Parents로 하고 하위 컴포넌트는 Children으로 만들게여 Parents.js import React, { Component } from "react"; import Children from "./Children"; export default class Parents extends Component { constructor(props) { super(props); this.state = { count: 0, }; } parentsCount = () => { th..