velog.io

안드로이드 스튜디오 - 코틀린과 자바 차이

자바로 작성된 CameraActivity 부분을 코틀린으로 새로 작성하게 되어 2가지 코드를 분석해보고 공부해보는 시간을 갖도록 하겠다.가장 먼저 눈에 띄는 부분은 상속부분자바는 extends와 implements로 상속이 구분이 된다.부모에서 선언 / 정의를 모두하며

yuli_kim

youtube.com

개발자 90%가 모르는 자바스크립트 동작원리 (Stack, Queue, event loop)

브라우저 동작원리인데 알면 코드가 이뻐지지만 몰라도됩니다

도봉도봉

velog.io

Javascript에서도 SOLID 원칙이 통할까?

제가 며칠 전에 클린소프트웨어 책을 보니 SOLID 법칙이 나오던데요, 자바나 C++ 같은 클래스 구조로 객체를 만드는 언어에서는 쉽게 따라해볼 수 있겠는데, 함수 위주로 작성하는 js, ts를 사용하는 프론트엔드에서도 사용이 가능한지, 현업에서 클린 소프트웨어를 만들

yuli_kim

velog.io

[FE] 프론트엔드 3대장 비교와 주관적인 최신 웹 동향에 대해 (feat. React를 기반으로)

개요

웹 프론트엔드 개발에서 주축이 되는 언어는 당연코 자바스크립트일 것이다. 물론 C#을 기반으로한 ASP.NET 기반의 웹 개발 프레임워크도 있지만 잠시 이는 논외로 두자. 웹 프론트엔드의 진입점이 그나마 다른 분야에 비해 낮다는 점(프론트엔드의 난이도가 쉽다는

yuli_kim

velog.io

리덕스(Redux)는 왜 쓰는 건데⁉

리덕스 개념을 정리하는 포스팅이다.

> ## 가장 많이 사용하는 형상 관리 기술, 리덕스 👍

위 그림은 작년 말에 있었던 state of js에서의 리서치 결과인데 41.7%의 자바스크립트 개발자들이 데이터 형상 관리로 리덕스를 '사용한적이 있고 앞으로 다시 사용

yuli_kim

velog.io

TypeScript 기본개념 튜토리얼!

🔹 타입스크립트란?
자바스크립트에 타입을 부여한 언어
-> 자바스크립트의 확장된 언어
자바스크립트와 다르게 브라우저에서 실행하기 위해 파일을 변환해주어야 한다
-> "컴파일(compile)" 이라고 한다.

yuli_kim

velog.io

JS의 객체는 hash table이 아닙니다!

혹시 알고 있으셨나요? http get으로 받아온 데이터의 타입을 검사하려다가, 결국 자바스크립트 엔진과 ECMA 표준까지 공부하게 되어서 그 결과물을 정리해 공유해봅니다!

yuli_kim

velog.io

자바스크립트 개발자라면 알아야 할 33가지 개념

자바스크립트 함수 실행에 대한 이해
자바스크립트는 싱글스레드로 단 1개의 동시성만 다루는 언어이다.

싱글 스레드

한번에 하나의 작업만 수행 할수 있음을 의미함.
다른 작업이 중간에 끼어들수 없고, 기존에 수행하던 작업이 끝나야만 그 다음 작업을 수행할수 있다.

자바스크립트의 동작원리

yuli_kim

velog.io

자바스크립트에 대해 알아보자!

변수 (Variable)
변수란, 데이터를 담아두는 공간이며 프로그램에서 사용되는 데이터를 일정 기간 동안 기억하여 필요한 때에 다시 사용하기 위해 데이터에 고유의 이름인 식별자를 명시한 것이다.

식별자 : 어떤 대상을 유일하게 식별할 수 있는 이름
변수명 : 변수에 명시한 고유한 식별자
변수값 : 변수로 참조할 수 있는 데이터 값

yuli_kim

velog.io

[JSON parse error]LocalDateTime _ Jackson 에러

컨트롤러 테스트코드를 작성하던 중 LocalDateTime을 DTO에서 파싱할 때 문제가 발생했다. 찾아보니 자바의LocalDateTime을 사용해서 JSON으로 통신할 때 이런 직렬화 에러가 많이 생기는 것 같다.테스트코드에서만 사용할 Bean을 만들어서 해결Bean

yuli_kim

velog.io

[Babel] 폴리필(polyfill) - @babel/preset-env

안녕하세요 폴리필(polyfill)에 대한 포스팅입니다.바벨과 폴리필에대해서 처음 공부할 때 비슷해서 꽤 헷갈렸습니다.먼저 작용하는 시점에 대해서 알아야할 필요가 있었습니다.컴파일 타임 & 런 타임이 글에서컴파일-타임은 바벨이 컴파일하는 시점런-타임은 브라우저에서 실행

yuli_kim

velog.io

[Babel] 바벨 시작하기

바벨(Babel)은 최신 또는 구식 브라우저환경에서 ECMAScript 2015+ 코드를 호환 가능한 JavaScript 버전으로 변환하는 데 주로 사용되는 자바스크립트 컴파일러입니다.
또, 입력과 출력 모두 자바스크립트 코드인 컴파일러입니다.
즉, 바벨이 최신 자바스크립트 코드를 지원하지 않는 explorer같은 브라우저에서 최신 자바스크립트 코드를 구버

yuli_kim

velog.io

[JS] this의 4가지 동작 방식 (바인딩)

this
자바에도 인스턴스화 된 객체인 자기자신을 접근할 수 있는 this가 있다.

JS에도 this라는 키워드가 있다.

문맥에 따라 this는 다른 값을 가진다.

yuli_kim

velog.io

[Elastic Search] 엘라스틱서치

서문
Full-text search engine으로 처음 개발되었지만, ES는 검색엔진을 넘어 보안, 로그 분석, 전문(Full-text)분석 등 다양한 영역에서 중요한 역할을 하고 있다.
Kibana, Logstash, Beats들과 함께 사용하며 다양한 문제들을 해결하고 있다.
유닉스 시스템과 자바에 대한 기초 지식이 필요하다.

yuli_kim

velog.io

프론트엔드-개발 환경 공부 🔨

node.js는 단순히 브라우저 환경이 아닌 환경에서도 자바스크립트를 실행할 수 있게 해주는 자바스크립트 런타임이다. 하지만, 최근 프론트엔드 개발 환경에서는 Node.js를 제대로 이해하고 있지 못하면 많은 어려움을 겪게 된다

yuli_kim

velog.io

[JAVA] 자바 잡지식 🔨

자바를 실행할 때는 JVM(Java Virtual Machine)이라는 가상머신을 이용하게 된다. 이 JVM을 이용하다가 여러가지 문제에 부딪힐 때가 많은데 이를테면 메모리 문제라든지 테스트 환경에서 콘솔을 못 쓰는 문제라든지 가비지 컬렉션과 관련된 문제라든지 여러가지가 있다.

yuli_kim