소니아 개발 블로그

[초보를 위한 React] 2일차

리액트(React) 기초 입문 2일차: state와 props의 개념과 활용.

2021년 2월 2일

[초보를 위한 React] 1일차

리액트(React) 기초 입문 1일차: 컴포넌트와 JSX 문법의 이해.

2021년 2월 1일

[알고리즘/프로그래머스/JS] 가장 큰수

프로그래머스 '가장 큰 수' 정렬 알고리즘 문제에 대한 해결 과정과 로직입니다.

2021년 1월 13일

[알고리즘/프로그래머스/JS] K번째수

프로그래머스 'K번째수' 배열 정렬 알고리즘 문제 풀이 방법입니다.

2021년 1월 12일

[알고리즘/프로그래머스/JS] 기능개발

프로그래머스 '기능개발' 스택/큐 알고리즘 문제 풀이 과정입니다.

2021년 1월 11일

[알고리즘/프로그래머스/JS] 베스트 엘범

프로그래머스 '베스트앨범' 문제 풀이: 장르별 재생 횟수 정렬과 해시 활용.

2021년 1월 6일

[js] js-datepicker 사용하기

자바스크립트 Datepicker 라이브러리 활용법과 날짜 선택 컴포넌트 구현 방법을 다룹니다.

2021년 1월 3일

[Electron] import, export 모듈 사용하기

일렉트론(Electron) 환경에서 IPC와 주요 모듈들을 사용하는 방법을 정리합니다.

2021년 1월 2일

javascript electron

[gitlab] Create MR Template

GitLab에서 Merge Request 기본 템플릿을 만들고 적용하는 방법을 정리합니다.

2020년 12월 10일

GitLab

[JS] 코딩 기술 맵(map)편

ES6에서 추가된 Map 객체의 특징과 일반 Object와의 차이점을 분석합니다.

2020년 8월 1일

[JS] 코딩 기술 객체(object)편

자바스크립트 객체(Object)의 생성, 속성 접근, 순회 방법 등 객체 다루기의 기본을 익힙니다.

2020년 7월 29일

[JS] 코딩 기술 배열(Array)편

자바스크립트 배열(Array)의 기초적인 다루는 방법과 유용한 내장 메서드들을 살펴봅니다.

2020년 7월 27일

[JS] 코딩 기술 변수 선언편

자바스크립트 변수 선언 방식(var, let, const)의 차이점과 호이스팅 현상을 정리합니다.

2020년 7월 26일

[Programmers] 위장

프로그래머스 '위장' 알고리즘 문제의 경우의 수와 해시를 이용한 해결 과정을 다룹니다.

2020년 7월 25일

Algorithm

[Programmers] 완주하지 못한 선수

프로그래머스 '완주하지 못한 선수' 알고리즘 문제의 해시를 활용한 풀이 방법입니다.

2020년 7월 23일

Algorithm

[Development Tip #7] 조건문을 깔끔하게 작성하기

거짓 값의 종류를 정리하고, 삼항 연산자와 단락 평가로 조건문을 간결하게 작성하는 방법을 다룹니다.

2020년 7월 22일

[Development Tip #6] 나머지 매개변수로 여러개 인수를 전달

나머지 매개변수(...rest)로 개수가 정해지지 않은 인수를 받아 확장성 있게 처리하는 방법을 다룹니다.

2020년 7월 22일

[Development Tip #5] 구조 분해 할당

구조 분해 할당의 개념과 필요성, 그리고 구조 분해 할당으로 코드를 리팩터링한 사례를 정리합니다.

2020년 7월 22일

[Development Tip #4] 매개변수의 기본값을 생성하라

매개변수 기본값이 필요한 이유와, 기본값으로 기존 코드에 영향 없이 요구사항 변경에 대응하는 방법을 다룹니다.

2020년 7월 22일

[Development Tip #3] 적절한 메서드를 발견하라

hasOwnProperty로 객체 속성을 확인하는 방법과, 값의 유효성을 검사할 때 배열로 변환해 비교하는 방법을 정리합니다.

2020년 7월 22일

[Development Tip #2] 기획의 의도를 파악하라

신입과 경력의 가장 큰 차이인 커뮤니케이션, 그중 기획 의도를 먼저 파악하고 개발해야 하는 이유를 실무 경험으로 정리합니다.

2020년 7월 21일

[Development Tip #1] 개발자로서의 목표를 가져라

입사 반년 차에 초심을 잃어가던 스스로를 돌아보며, 개발자로서의 목표를 다시 세운 회고입니다.

2020년 7월 20일

[Core JS] 클래스란?

ES6에 도입된 클래스(Class) 문법과 기존 프로토타입 기반 상속과의 차이를 알아봅니다.

2020년 7월 1일

[Core JS] 프로토타입이란?

자바스크립트 프로토타입(Prototype) 체인과 객체 지향 상속 모델의 핵심을 이해합니다.

2020년 6월 21일

[Core JS] 렉시컬 환경이란?

렉시컬 환경(Lexical Environment)과 스코프 체인의 동작 원리를 상세히 분석합니다.

2020년 5월 8일

[Core JS] 클로저란?

자바스크립트의 핵심 개념인 클로저(Closure)의 원리와 실용적인 활용 방법을 다룹니다.

2020년 5월 6일

[Core JS] 콜백지옥?

콜백 지옥(Callback Hell)의 문제점과 이를 해결하기 위한 Promise, async/await 패턴을 알아봅니다.

2020년 5월 5일

[Core JS] 콜백함수?

콜백 함수(Callback Function)의 개념과 제어권 위임에 대해 이해합니다.

2020년 5월 4일

[Core JS] 실행컨텍스트란?

자바스크립트 코드가 실행되는 환경인 실행 컨텍스트(Execution Context)의 개념을 파헤쳐 봅니다.

2020년 5월 3일

[Core JS] this 우회방법

this 바인딩의 예외적인 상황들과 화살표 함수 등 우회하는 방법에 대해 알아봅니다.

2020년 5월 2일

[Core JS] this란?

자바스크립트에서 this가 실행 컨텍스트에 따라 어떻게 바인딩되는지 동작 원리를 알아봅니다.

2020년 5월 2일

[Core JS] 데이터 타입이란?

자바스크립트 데이터 타입(기본형/참조형)의 종류와 메모리 할당 방식의 차이를 알아봅니다.

2020년 5월 1일