profile
Jiujitsu_coder
post-thumbnail

[JS] Destructuring (구조 분해)

번역 하면 구조 분해 입니다. 구조를 분해를 한다고 하는데.. 구조를 가지고 있는 배열과 객체를 확인 해보겠습니다. 아래 코드는 다들 알고 계신 배열과 객체 선언 방식이다. 위 코드 person에서 person 안의 name과 phone 값을 콘솔로 확인 하려면 아래와

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

[JS] Enhanced Object Literals - 향상된 객체 리터럴

향상된 객체 리터럴이란 기존 자바스크립트에서 사용하던 객체 정의 방식을 개선한 문법입니다. 자주 사용하던 문법들을 좀 더 간결하게 사용할 수 있도록 객체 정의 형식을 바꿨습니다

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

[JS] nullish-coalesing(null undefined 처리)

null 과 undefined를 간단하게 ES6 문법 "??" 으로 해결 하는 것이다.위 코드는 if 문을 통해서 text의 값이 null or undefined 가 아닌지 확인 하는 과정이다. 위 코드를 "??" 문법을 통해 아래 코드와 같이 간결하게 작성 할 수 있

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

[JS] const / let

한번 선언한 값에 대해서 변경할 수 없음 (상수 개념)한번 선언한 값에 대해서 다시 선언 할 수 없음i는 블록 안에서 let으로 선언 되었기 때문에 {} 블록 밖에서는 i를 찾을 수 없다. 반면에 var은 {} 블록 범위 상관없이 콘솔에 값이 찍히는 것을 아래 코드와

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

[JS] hoisting

선언한 함수와 변수를 해석기가 가장 상단에 있는 것처럼 인식js 해석기는 코드의 라인 순서와 관계없이 함수 선언식과 변수를 위한 메모리 공간을 먼저 확보따라서, function a() 와 var는 코드의 최상단으로 끌어 올려진 것(hoisted) 처럼 보인다.익명 함수

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

[basic] Vuex?

복잡한 애플리케이션의 컴포너트들을 효율적으로 관리하는 Vuex 라이브러리Vuex 라이브러리 주요 속성은 state(data), getter(computed), mutation(methods), actions(비동기 methods)무수히 많은 컴포넌트의 데이터를 관리하기

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

[Java] 람다식(Lambda) ?

함수적 프로그래밍 언어에서 사용되는 개념으로 익명 함수를 지칭하는 용어다. 함수적 프로그래밍을 쉽게 지원하기 위해 자바 8부터 람다식(Lambda Expression)을 지원하고 있다. 람다식은 (매개변수) -> {실행코드} 형식으로 작성된다. 함수의 이름이 없는 함수

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

[JS] 동작원리(Stack,Queue,event loop)

JavaScript 동작원리에 대해서 정리하고 조금 더 clean 코드를 작성 하고 싶어서 글을 작성합니다.JS는 동기적으로 처리JS는 싱글쓰레드로 동작한번에 한줄 순서대로 실행LIFO(last in first out) 순서로 진행한다. JS는 비동기 처리도 가능하다.

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

[Java] 메모리 구조(static, stack,heap)

프로그램을 구동하기 위해서 운영체제가 메모리(RAM)에 데이터 및 명령어를 저장할 공간을 할당해 준다. 메모리는 공간은 한정되어 있으며 컴퓨터에 있어 매우 중요한 자산이다. 이러한 것들을 어떻게 관리하는냐에 따라 성능이 좌우된다. 메모리를 효율적으로 사용하기 위해 메모

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

[basic] Vue CLI?

Vue 기본적인 문법 형식 template문법만 배우면 될 줄 알았지만 역시나 Vue를 조금더 효율적이게 사용하고 빠르게 설정할 수 있게 해주는 것이 있었다. Vue CLI에 대해서 알아보자Vue Command Line Interface "프로젝트를 생성할때 명령어를

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

[Java] this 란?

constructor(생성자)를 공부하면서 this 와 super에 대한 개념이 정확하게 정리 되지 않아서 기록을 남기기 위해 작성합니다. this? super? 는 무엇일까?현재 클래스의 인스턴스를 의미하며, 현재 클래스의 맴버변수 (field) 를 지정할때 사용한다

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

[Java] Constructor(생성자)??

Constructor (생성자) 어떤분이 물어 봤는데... 대답을 하지 못했다. 지금 까지 왜 constructor를 생성 해줬는지 왜 썻는지 말로 설명 하자니 말이 안나와서 정리하고 공부 하고자 작성합니다. Constructor은 객체화 시 초기화 해주는 역할을 담당

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

[basic] Vue Directive

뷰의 특징 그리고 매우 유용하다고 생각한다. 기본 디렉티브부터 확실하게 알아두는게 중요한거 같다.화면을 조작하기 위해서 vue가 재공하는 문법이다. HTML Element 안에 v- 접두사를 사용해서 표현식에 직접 값을 넣어주거나 미리 정해주었던 뷰 인스턴스와 데이터

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

[basic] Vue Router

Vue Router란? Vue에서 지원하는 공식 라이브러리로 라우팅 기능을 구현 할 수 있게 도와주는 것이다. 라우팅이란? >웹 페이지 간의 이동방법을 말한다. 페이지를 이동할때 서버에 요청해서 새로 갱신하는 것이 아니라 미리 해당 페이지를 받아 놓고 페이지 이동시

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

[Java] Builder Pattern

Spring Boot를 공부하면서 builder pattern을 처음 접하게 되었다. builder pattern에 대해 알아보기 위해 공부 목적으로 작성합니다.간단한 builder 코드를 보겠습니다.builder pattern에 대해 모르고 위 코드를 봤을 경우에도

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

[basic] Vue Component

컴포넌트는 화면의 영역을 구분하여 코드로 관리하는 것이다. Vuejs의 강력한 기능 중 하나이다. 컴포넌트 기반으로 화면을 개발하면 재사용성이 높아지고 화면 구성이 수월해진다. https://www.researchgate.net/publication/33446

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

[Basic] Vue Instance

Vue로 화면을 개발하기 위해서는 Vue Instance는 꼭 생성해야 한다. 아래 와 같은 방법으로 Instance를 생성 할 수 있다. new Vue 생성자 함수를 이용하여 인스턴스를 생성하면 root vue instance를 생성 할 수 있다. Root를 par

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

[Basic] Vue.js 란?

요즘 핫한 프런트엔드 프레임워크 중 하나인 vue.js를 접해 볼 수 있는 기회가 회사에서 생겨서 기록과 공부 목적을 위해 글을 작성해봅니다. Angular와 React의 장점들만 가져와서 만들어진 Vue.js! 시작 해보겠습니다. Vue.js란? 웹 페이지 화면을

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

[SpringBoot] Service에서 Repository injection

Service Class에서 Respository Class를 주입해주는 방법에 대해서 알아보기 위해 공부 목적으로 작성합니다. 위 코드는 보통적으로 많이 사용하는 코드 형식이다. 그러나 단점이 있습니다. 기본적으로 변경이 불가하기 때문이다. 테스트를 할 경우에 rep

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

[SpringBoot] Mybatis & h2 connection test

1. 프로젝트 생성하기 spring initializr Gradle Java 16 Spring Boot 2.5.2 Dependencies H2 Database JDBC API Lombok 2. resources/application.yml DB 속성

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