profile
성장형 인간

SOLID 원칙

요구사항을 찾고 세분화 한다.기능을 알맞은 객체로 할당한다.기능을 구현하는 데 필요한 데이터를 객체에 추가한다.해당 데이터를 이용하는 기능을 구현한다. (기능은 최대한 캡슐화)객체 간에 어떻게 메소드 호출을 주고받을지 결정한다.클래스는 단 한개의 책임(기능)을 가져야

3일 전
·
0개의 댓글

객체지향(OOP)

자료형과 함수를 '객체' 형태로 함께 묶어서 관리하기 위해 객체지향 프로그래밍 패러다임이 등장하게 되었다.핵심 포인트는 객체 내부에 자료형 필드와 함수가 함께 존재하는 것이다.가능한 모든 물리적, 논리적 요소를 객체로 만드는 것이 객체지향 프로그래밍이다.예시로 책의 제

3일 전
·
0개의 댓글

$(this).index()

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

[JavaScript] 논리연산자(&&, ||) 단축평가

||(논리합), &&(논리곱) 연산자는 왼쪽부터 오른쪽으로 평가를 진행하는데 중간에 평가 결과가 나오면 오른쪽 끝까지 가지 않고 평가 결과를 반환해 버린다.이를 '단축평가(short circuit evaluation)'라고 하며 피연산자의 타입을 변환하지 않고 그대로

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

[Handlebar] config 및 handler 적용

Handlebar 설치 Handlebar config

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

[SpringBoot] application.yml 값 암호화하기(jasypt)

application.yml 이나 application.properties 파일에 DB의 비밀번호 또는 키 값을 명시해두는 경우 중요한 값들이 외부로 노출되어 보안에 심각한 문제를 초래할 수 잇습니다.이를 해결하기 위해 암호화시켜 저장합니다.Jasypt는 특정 값을 암

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

@EntityScan vs @ComponentScan

엔티티 클래스를 스캔할 곳을 지정하는데 사용합니다.메인 어플리케이션 패키지 내에 엔티티 클래스가 없는 경우 이 어노테이션을 사용해서 패키지밖에 존재하는 엔티티를 지정할 수 있습니다.기본적으로 @EnableAutoConfiguration 어노테이션에 의해서 지정한 곳에서

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

react 설치 및 생성

node.js 설치react는 node 위에서 돌아가는 프레임워크이므로 node.js가 필요합니다.react 프로젝트를 만들 폴더를 vscode에 띄우기ex) D:\\codereact installvscode에서 터미널창 열고npx craete-react-app rea

2021년 10월 2일
·
0개의 댓글

foreach, for in, for of

오직 Array 객체에서만 사용가능한 메서드foreach구문의 인자로 callback함수를 등록할 수 있고 배열의 각 요소들이 반복될 때 이 callback 함수가 호출됩니다.객체에 사용 할 수 있습니다.객체의 key값과 value 값을 뽑아내는데 유용하며 키 값의 갯

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

비구조화 할당

위와 같이 작성하면 비구조화 할당을 수행하며 변수의 이름과 같은 Key에 있는 값이 담깁니다.

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

부담스러운 가격이란?

경험칙상 부담스러운것이 어떤걸 의미하냐면빨간 네모칸 안에 파란 면적과아래 하얀색 면적을 비교해보면위아래 어느 면적이 넓어 보여? 아래가 넓지위에 면적을 만든 두개의 뿔을 보면다들 아는 IMF와 금융위기야 특별했다는거지오늘 가격인 1184원을 기준으로 위아래를 비교 해보

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

CBDC(중앙은행 디지털화폐)

CBDC중앙은행 디지털화폐(Central Bank Digital Currency)ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ앞으로익숙해질 단어ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ화폐개혁은몇가지 측면에서세계 각국의공감을 얻고 있다.ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ첫번째전세계화폐가치 하락으로리디노미네이션(돈의 가치를 높이는 작업

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

next js error page

pages 디렉터리에 404.js 파일을 만든 후 작성404.js 커스텀 페이지에 getStaticProps 를 사용할 수 있습니다.pages 디렉터리에 500.js 파일을 만든 후 작성500.js 커스텀 페이지에 getStaticProps 를 사용할 수 있습니다.50

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

Next js 구동방식, getInitialProps

최초에 Next 서버로 요청이 들어왔을 때 Next 서버에서는 요청이 들어온 페이지에 들어갈 데이터를 Fetch하고 Html을 구성하여 Client로 보내준다.기본으로는 Next 자체에서 제공하는 로직으로 실행되지만 커스터마이징을 위해서는 pages 폴더에 각각 \_a

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

axios, await, async

Axios는 Javascript 라이브러리 중 하나인 Fetch Api 와 같은 비동기 통신 라이브러리입니다.React에서는 Axios를 더 많이 사용하는 경향이 있습니다.Fetch와 Axios의 차이점은 Axios는 요청과 응답을 모두 JSON 형식으로 자동 변환시켜

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

data-fetching

기본적으로 Next.js는 모든 페이지를 Pre-render한다.Next.js가 client-side JavaScript에서 작업하기 전에 미리 html을 만들어둔다.페이지가 브라우저에 로드될 때 해당 자바스크립트 코드가 작동하고 완전한 인터렉티브 페이지가 되도록 만든

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

e.target

e는 함수를 생성할때 파라미터(매개변수)를 의미한다.첫번째 input에 a를 입력 후 클릭한다면 console창의 결과는 아래와 같이 나온다.e.target은 특정 이벤트가 발생하는 태그를 가르킨다.e.target.name은 해당 태그의 namee.target.valu

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

Babel

babel은 자바스크립트 컴파일러다. 입력은 자바스크립트 코드고 출력도 자바스크립트 코드다.최신 버전의 자바스크립트 문법은 브라우저가 이해하지 못하기 때문에 babel이 브라우저가 이해할 수 있는 문법으로 변환해준다.ES6, ES7 등의 최신 문법을 사용해서 코딩을 할

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

모듈 번들러

모듈 번들러란 여러개의 나누어져 있는 파일들을 하나의 파일로 만들어주는 라이브러리를 말합니다.모듈 번들러 라이브러리는 웹팩(webback), Parcel 등 있습니다.모듈 번들러는 서버와 여러번 통신하는 것을 방지하고 효율적으로 사용하게끔 하며 자바스크립트 코드들을 압

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

npm: 'npm' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다...

VSCode와 Node.js를 설치하고 간단한 프로젝트를 생성하기 위해 npm --version을 쳤는데 다음과 같은 오류가 발생VSCode의 기본 터미널이 powershell로 설정되어 있기 때문VSCode의 기본 터미널의 종류를 바꿔주면 해결 가능우선 ctrl +

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