General on Vanslog

[DND 8기] 웨딩맵 프로젝트 회고

Wed, 08 Mar 2023 22:43:47 +0900

DND 8기 활동을 마치며

[DND 8기] 백엔드 개발자 합격 후기

Sun, 08 Jan 2023 16:39:37 +0900

오리엔테이션에 참여한 이후 느낀 점들을 포함하여 DND 8기에 합격한 후기를 작성해보았습니다.

디지털배움터에서 강사로 일하며 배운점

Wed, 20 Jul 2022 23:10:59 +0900

저는 최근 디지털배움터(정부가 추진하는 디지털 역량 교육 사업)의 강사로서 강의를 진행하고 있습니다. 처음 강사가 되고 한 고민은 어떤 강의를 진행하는 것이 좋을 지에 대한 것이었습니다. 해당 사업의 주된 목적이 디지털 취약 계층의 역량 강화에 있기 때문에 프로그래밍 수업은 수요가 많지 않았습니다.

하지만 그렇다 할지라도 잘 하는 것을 수업으로 진행하는 게 맞다는 생각이 들었습니다. 프로그래밍 수업을 개설해봤지만 역시 예상대로 많은 수강생들이 모이지는 않았습니다. 다행하게도 친한 친구가 제게 웹 개발을 배우고 싶다고 해서 수업을 진행할 수 있었습니다.

🔮 utterances 다이나믹 테마 적용하기

Sun, 17 Jul 2022 15:12:13 +0900

utterances는 개인 기술 블로그에서 많이 사용되는 오픈소스 댓글 서비스입니다. 깃헙 스타일의 깔끔한 디자인과 다크 모드를 지원한다는 특징을 가지고 있습니다.

최근에는 나이트 모드와 다크모드를 다이나믹하게 변경할 수 있는 사이트가 많아지고 있습니다. 제 블로그 또한 이러한 방식이므로 utterances의 테마를 다이나믹하게 적용해야 했습니다.

구글링을 해보니 이러한 방법에 대해서 언급하는 경우가 거의 없었습니다. 그래서 이번 포스팅에서는 utterances의 테마를 다이나믹하게 적용할 수 있는 방법을 중점으로 소개하려고 합니다.

Utterances 적용 방법

단일 테마 적용

웹사이트가 하나의 테마만 적용될 때는 아래와 같은 일반적인 방법으로 댓글 기능을 적용하여 사용하시면 됩니다.

[Crypto] 최근 루나 상승에 대한 내 관점

Sun, 27 Feb 2022 07:24:42 +0900

$Luna to the moon 🌕

[Java] 반복문을 파이프라인으로 바꿔라

Mon, 19 Jul 2021 13:03:57 +0000

자바8에서 등장한 스트림 언제사용하는 것이 좋은가?

[Java] 기본 자료형과 참조 자료형

Fri, 16 Jul 2021 14:06:26 +0000

자바의 기본 자료형과 참조 자료형에 대해서 알아보자!

[Refactoring] 코드에서 나는 악취

Tue, 13 Apr 2021 13:51:13 +0000

코드에서 나는 악취, 코드 스멜

코드 서버에 커스텀 폰트 적용하기

Thu, 11 Mar 2021 14:24:16 +0000

코드 서버에 커스텀 폰트 적용하기

[Refactoring] 리팩터링이란?

Sat, 06 Feb 2021 02:34:16 +0000

코드의 재구성, 리팩터링

[UML 2.0] 클래스 다이어그램(Class Diagram)

Fri, 08 Jan 2021 19:20:43 +0900

클래스란?

클래스는 동일한 속성과 행위를 수행하는 객체들의 집합이다. 예를 들어 소프트웨어를 전공중인 학생들의 공통점은 소프트웨어를 전공한다는 사실과 동일한 전공 수업을 듣는다는 점이다. 이러한 경우 소프트웨어 전공 중인 학생은 실제 학생들의 클래스라고 말할 수 있다.

클래스를 정의하는 또 다른 관점은 인스턴스(객체)를 생성하는 설계도로 보는 것이다. 아래 소스코드는 소프트웨어를 전공하는 학생 클래스를 정의한 것이다. 클래스가 객체를 생성하는 설계도라는 관점에서 코드를 한 번 살펴보자

public class Student{
    private String name;
    private String major = "SW";

    public Student(String name){
        this.name = name;
    }

    public void study() {
        System.out.println("객체 지향 모델링 수업을 수강합니다.");
    }
}

Student student1 = new Student("학생1");
Student student2 = new Student("학생2");

student1.study();
student2.study();

위 코드를 통해서 같은 스펙을 가진 학생 객체가 두 개 생겨났다. 두 객체는 이름을 제외하면 모두 동일한 특성을 가진다. major 속성은 SW로 동일하며 study() 메소드를 실행하면 동일한 문장이 출력된다. 이것이 바로 클래스가 객체를 생성하는 설계도인 이유이다.

[UML 2.0] UML이란?

Sun, 03 Jan 2021 11:22:49 +0900

객체 지향 애플리케이션을 모델링하기 위한 언어, UML

2020년 백엔드 개발자 회고

Fri, 01 Jan 2021 19:59:18 +0900

2020년을 되돌아보며, 그리고 그 이후

웹 애플리케이션 구조(SSR, CSR, SPA, MPA)

Sat, 26 Dec 2020 14:06:55 +0000

최근 웹 프론트엔드에서 트랜드인 용어를 정리해보았다.

N Tier Architecture

Sat, 26 Dec 2020 10:12:54 +0000

전공 수업 프로젝트에서 찾은 다층구조 아키텍처

code-server를 이용해서 웹 IDE 구축하기

Thu, 03 Dec 2020 04:34:19 +0000

나만의 웹 IDE 만들기

GCP 인스턴스 만들기

Wed, 02 Dec 2020 00:00:00 +0000

나만의 평생 무료 인스턴스 만들기

군대에서 코딩하기

Tue, 01 Dec 2020 00:00:00 +0000

군대에서 코딩을 어떻게 할 수 있을까? 그 답을 찾기 위한 여정