Posts by Tag

Frontend

github pages에서 vue router 404 에러

April 03 2023

배경1. vue 프로젝트를 github pages를 통해 myurl.com에 배포를 했다 배경2. vue router를 사용하여 myurl.com/posts 페이지가 있다 배경3. vue router의 history모드는 createWebHistory를 사용한다 myurl.co...

Route

April 01 2023

Route url에 따라 보여줄 vue를 정하자

Template ref

March 26 2023

template ref 태그 같은 DOM element요소를 ref를 이용하여 접근하자

provide와 inject

March 25 2023

provide와 inject 1단계위인 부모Component가 아닌 고조할아버지Componennt와 고손자Component와의 데이터 통신방법을 알아보자

slots

March 24 2023

slots 부모component에서 자식의 템플릿 content를 렌더링해주는 것

nonProps

March 23 2023

nonProps 컴포넌트에 전달되지만, props나 emit에 정의된 특성을 지니고 있지 않은 속성 또는 이벤트 리스너

watch

March 19 2023

watch watch 사용법, watch와 computed의 차이

event Parameter

March 17 2023

$event 파라미터 v-on을 통해서 실행할 함수를 연결할수있는데, 함수에 event Parameter에 대해 알아보자

Scope와 Closure

March 17 2023

Scope와 Closure scope는 function Scope와 block Scope가 있다. 여기서 var, function(){...}는 function Scope이고, let과 const는 block Scope이다 block은 {와 }가 포함되어 있으면 무조건 block ...

classStyleBinding

March 16 2023

classStyleBinding v-bind를 이용한 class binding을 알아보고, ref와 Array,reactive,computed의 관계를 알아보자

computed

March 15 2023

Computed 반응형 데이터를 이용한 계산된 속성

Ref와 Reactive

March 14 2023

반응형 데이터 반응형 데이터 ref와 reactive에 대하여

Json

April 16 2021

자바스크립트에서 Xml을 대체하는 데이터 포맷

Javascript 객체

April 14 2021

자바스크립트-객체지향 개념의 객체(object)

CSS Centering

April 09 2021

css의 flexbox을 사용할 수 없을 때 포지션변경을 해보자.

CSS flexbox

April 08 2021

css의 flexbox는 element의 요소의 화면 포지션을 쉽게 컨트롤할 수 있다.

CSS 변수

April 07 2021

css의 변수를 설정함으로써 하나하나 값을 바꾸지않고 변수 값만 바꿈으로써 전체를 바꿔줄수있다.

CSS Size

April 06 2021

css의 사이즈조절을 알아보자. (em, rem, %, vw, vh)

CSS layout

April 05 2021

css의 레이아웃(display 속성)을 알아보자.

CSS 기본

April 04 2021

CSS 기본속성에 대해 알아보자

Back to top ↑

Javascript

github pages에서 vue router 404 에러

April 03 2023

배경1. vue 프로젝트를 github pages를 통해 myurl.com에 배포를 했다 배경2. vue router를 사용하여 myurl.com/posts 페이지가 있다 배경3. vue router의 history모드는 createWebHistory를 사용한다 myurl.co...

Route

April 01 2023

Route url에 따라 보여줄 vue를 정하자

Template ref

March 26 2023

template ref 태그 같은 DOM element요소를 ref를 이용하여 접근하자

provide와 inject

March 25 2023

provide와 inject 1단계위인 부모Component가 아닌 고조할아버지Componennt와 고손자Component와의 데이터 통신방법을 알아보자

slots

March 24 2023

slots 부모component에서 자식의 템플릿 content를 렌더링해주는 것

nonProps

March 23 2023

nonProps 컴포넌트에 전달되지만, props나 emit에 정의된 특성을 지니고 있지 않은 속성 또는 이벤트 리스너

watch

March 19 2023

watch watch 사용법, watch와 computed의 차이

event Parameter

March 17 2023

$event 파라미터 v-on을 통해서 실행할 함수를 연결할수있는데, 함수에 event Parameter에 대해 알아보자

Scope와 Closure

March 17 2023

Scope와 Closure scope는 function Scope와 block Scope가 있다. 여기서 var, function(){...}는 function Scope이고, let과 const는 block Scope이다 block은 {와 }가 포함되어 있으면 무조건 block ...

classStyleBinding

March 16 2023

classStyleBinding v-bind를 이용한 class binding을 알아보고, ref와 Array,reactive,computed의 관계를 알아보자

computed

March 15 2023

Computed 반응형 데이터를 이용한 계산된 속성

Ref와 Reactive

March 14 2023

반응형 데이터 반응형 데이터 ref와 reactive에 대하여

Json

April 16 2021

자바스크립트에서 Xml을 대체하는 데이터 포맷

Javascript 객체

April 14 2021

자바스크립트-객체지향 개념의 객체(object)

Back to top ↑

OS

Locality

November 08 2021

Temporal Locality(시간 구역성), Spatial Locality(공간 구역성)

병행 프로세스

October 12 2021

병행 프로세스 / 상호 배제 / 임계영역 / 세마포어 / 모니터

Back to top ↑

Vue

github pages에서 vue router 404 에러

April 03 2023

배경1. vue 프로젝트를 github pages를 통해 myurl.com에 배포를 했다 배경2. vue router를 사용하여 myurl.com/posts 페이지가 있다 배경3. vue router의 history모드는 createWebHistory를 사용한다 myurl.co...

Route

April 01 2023

Route url에 따라 보여줄 vue를 정하자

Template ref

March 26 2023

template ref 태그 같은 DOM element요소를 ref를 이용하여 접근하자

provide와 inject

March 25 2023

provide와 inject 1단계위인 부모Component가 아닌 고조할아버지Componennt와 고손자Component와의 데이터 통신방법을 알아보자

slots

March 24 2023

slots 부모component에서 자식의 템플릿 content를 렌더링해주는 것

nonProps

March 23 2023

nonProps 컴포넌트에 전달되지만, props나 emit에 정의된 특성을 지니고 있지 않은 속성 또는 이벤트 리스너

watch

March 19 2023

watch watch 사용법, watch와 computed의 차이

event Parameter

March 17 2023

$event 파라미터 v-on을 통해서 실행할 함수를 연결할수있는데, 함수에 event Parameter에 대해 알아보자

classStyleBinding

March 16 2023

classStyleBinding v-bind를 이용한 class binding을 알아보고, ref와 Array,reactive,computed의 관계를 알아보자

computed

March 15 2023

Computed 반응형 데이터를 이용한 계산된 속성

Ref와 Reactive

March 14 2023

반응형 데이터 반응형 데이터 ref와 reactive에 대하여

Back to top ↑

Spring

스프링을 왜 사용하는가

May 23 2022

스프링은 자바 프레임워크이다. 그러므로 자바를 빼먹을수가 없는데 이 자바덕분에 다형성이 가능하기때문에 스프링을 선택했다. 또한 이러한 다형성을 잘 사용하려면, 즉 스프링을 잘 활용하려면 SOLID원칙을 잘 지켜야한다

Servlet

February 07 2022

Servlet은 무엇인가

Back to top ↑

Java

스프링을 왜 사용하는가

May 23 2022

스프링은 자바 프레임워크이다. 그러므로 자바를 빼먹을수가 없는데 이 자바덕분에 다형성이 가능하기때문에 스프링을 선택했다. 또한 이러한 다형성을 잘 사용하려면, 즉 스프링을 잘 활용하려면 SOLID원칙을 잘 지켜야한다

Servlet

February 07 2022

Servlet은 무엇인가

Back to top ↑

Network

Rounting

September 06 2021

“고정 경로 배정, 적응 경로 배정”

IPv6

September 05 2021

“Dual Stack, IPv6”

IP

September 04 2021

“IP, 서브넷마스크, Network ID, Host Address”

TCP/IP

September 02 2021

통신 프로토콜과 OSI 참조 모델

OSI 7계층

September 01 2021

“통신 프로토콜과 OSI 참조 모델”

HTTP와 DNS를 통한 데이터 흐름

August 01 2021

HTTP와 파이썬에서의 데이터 흐름 1. 클라이언트가 특정 주소를 보낸다. ( HTTP의 GET method)2 . 쟝고 웹앱에 요청이 들어온다.

HTTP 메시지

July 28 2021

서버란정보를 제공하기 위해 고정된 주소(도메인, 고정 IP 등)를 차지하며 방문하는 컴퓨터들에게 필요한 정보를 제공

Back to top ↑

Python-Bible

String

June 09 2021

파이썬 정규표현식에 대해

Module

June 08 2021

파이썬 모듈에 대해

Class

June 06 2021

파이썬 클래스에 관해

Basic

June 01 2021

파이썬 기본문법

Back to top ↑

Advanced

Back to top ↑

Markdown

고급 Markdown

May 04 2021

기본적인 Markdown말고 고급 Markdown 스킬

Back to top ↑

CodingTest

Back to top ↑

HTML

Back to top ↑

CSS

CSS Centering

April 09 2021

css의 flexbox을 사용할 수 없을 때 포지션변경을 해보자.

CSS flexbox

April 08 2021

css의 flexbox는 element의 요소의 화면 포지션을 쉽게 컨트롤할 수 있다.

CSS 변수

April 07 2021

css의 변수를 설정함으로써 하나하나 값을 바꾸지않고 변수 값만 바꿈으로써 전체를 바꿔줄수있다.

CSS Size

April 06 2021

css의 사이즈조절을 알아보자. (em, rem, %, vw, vh)

CSS layout

April 05 2021

css의 레이아웃(display 속성)을 알아보자.

CSS 기본

April 04 2021

CSS 기본속성에 대해 알아보자

Back to top ↑

python심화

Back to top ↑

Tip

Back to top ↑

Basic

String

June 09 2021

파이썬 정규표현식에 대해

Module

June 08 2021

파이썬 모듈에 대해

Class

June 06 2021

파이썬 클래스에 관해

Back to top ↑

AWS

EC2 용량 확장

June 07 2022

EC2 하나에 Docker가 여러개 설치되어있어서 EC2의 용량이 부족해서 용량을 올리기로 하였다

AWS - S3

February 09 2022

s3를 이용하여 정적 웹호스팅

Back to top ↑

Spring Security

Back to top ↑

정규표현식

String

June 09 2021

파이썬 정규표현식에 대해

Back to top ↑

Level1

Back to top ↑

Django

Relation과 Join

November 19 2021

select할 모델 객체가 역참조하는 single object(one to one, many to one) 정참조 외래키(foreign key)

ORM

November 12 2021

객체지향 언어에서 서로 다른 시스템 간의 데이터 형식의 호환을 위해 데이터를 변환하고 맵핑(연결)해주는 방식 또는 기술

pyenv virtualenv 설치 및 오류해결

October 30 2021

검색어 pyenv에서 버전을 바꿔도 파이썬 버전은 바뀌지 않는 문제/오류 pyenv doesn’t change python version mac pyenv python version not changing

Back to top ↑

Python

Relation과 Join

November 19 2021

select할 모델 객체가 역참조하는 single object(one to one, many to one) 정참조 외래키(foreign key)

ORM

November 12 2021

객체지향 언어에서 서로 다른 시스템 간의 데이터 형식의 호환을 위해 데이터를 변환하고 맵핑(연결)해주는 방식 또는 기술

pyenv virtualenv 설치 및 오류해결

October 30 2021

검색어 pyenv에서 버전을 바꿔도 파이썬 버전은 바뀌지 않는 문제/오류 pyenv doesn’t change python version mac pyenv python version not changing

Back to top ↑

RaspberryPi

Back to top ↑

RaspEnv

Back to top ↑

Markup

Back to top ↑

Git

Back to top ↑

Level0

원형큐

October 13 2021

파이썬으로 원형 큐 구현하기

Back to top ↑

SQL

Back to top ↑

Linux

Back to top ↑

Backend_beginner

HTTP와 DNS를 통한 데이터 흐름

August 01 2021

HTTP와 파이썬에서의 데이터 흐름 1. 클라이언트가 특정 주소를 보낸다. ( HTTP의 GET method)2 . 쟝고 웹앱에 요청이 들어온다.

HTTP 메시지

July 28 2021

서버란정보를 제공하기 위해 고정된 주소(도메인, 고정 IP 등)를 차지하며 방문하는 컴퓨터들에게 필요한 정보를 제공

Back to top ↑

Setting

Back to top ↑

Custom

Back to top ↑

CI&CD

Back to top ↑

msa

Back to top ↑

Calculator

Back to top ↑

C

Back to top ↑

flexbox

CSS flexbox

April 08 2021

css의 flexbox는 element의 요소의 화면 포지션을 쉽게 컨트롤할 수 있다.

Back to top ↑

Algorithmㄴ

Back to top ↑

Level2

Back to top ↑

zip

Back to top ↑

ResponsiveWeb

Back to top ↑

issue

Back to top ↑

Algorithm

원형큐

October 13 2021

파이썬으로 원형 큐 구현하기

Back to top ↑

Level 0

Back to top ↑

Backend

ORM

November 12 2021

객체지향 언어에서 서로 다른 시스템 간의 데이터 형식의 호환을 위해 데이터를 변환하고 맵핑(연결)해주는 방식 또는 기술

Back to top ↑

notion

Back to top ↑

python

Back to top ↑

html

Back to top ↑

spring

Back to top ↑

Rest API

Back to top ↑

jwt

Back to top ↑

Eureka

Back to top ↑

block scope

Scope와 Closure

March 17 2023

Scope와 Closure scope는 function Scope와 block Scope가 있다. 여기서 var, function(){...}는 function Scope이고, let과 const는 block Scope이다 block은 {와 }가 포함되어 있으면 무조건 block ...

Back to top ↑

closure

Scope와 Closure

March 17 2023

Scope와 Closure scope는 function Scope와 block Scope가 있다. 여기서 var, function(){...}는 function Scope이고, let과 const는 block Scope이다 block은 {와 }가 포함되어 있으면 무조건 block ...

Back to top ↑

Life

Back to top ↑