최근 포스팅

pinia기본

pinia
pinian 기본 기록용

less than 1 minute read

Frontend

아파트 살 수 있을까? 부동산은 고점인가 저점인가

PIR이란
PIR이란 전국 가구당 소득 대비 아파트 가격을 말한다. PIR을 통해 현재 부동산의 가격이 적절한가 알아보자

less than 1 minute read

etc

github pages에서 vue router 404 에러

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

myurl.com에서 myurl.com/posts로 이동하는 기능은 정상적으로 동작한다. 만약 여기서 이동한 상태에서 새로고침을 하거나, 주소창에 직접 myurl.com/posts를 사용한다면?
동작하지않는다!!!!!ㅜㅜ 물론 localhost에서 돌렸을 경우에는 정상적으로 동작한다.

less than 1 minute read

Frontend

object의 변수인 경우 ref와 reactive 어느 것을 사용할까

object변수는 ref와 reactive 중 어떤 것으로 선언해야할까
각각의 장단점이 있다 확인해보자

less than 1 minute read

Frontend

Route

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

1 minute read

Frontend

Template ref

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

1 minute read

Frontend

provide와 inject

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

less than 1 minute read

Frontend

slots

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

1 minute read

Frontend

nonProps

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

1 minute read

Frontend

v-model을 통한 3depth 양방향 바인딩

3depth의 양방향 바인딩
component의 3개 depth를 갖는다했을 때 처리 방법

1 minute read

Frontend

emit, component와 v-model을 통한 양방향 바인딩

emit
<script setup>안에서의 props 와 component와 v-model을 통한 양방향 바인딩

2 minute read

Frontend

props

props

1 minute read

Frontend

watch

watch
watch 사용법, watchcomputed의 차이

1 minute read

Frontend

양방향 바인딩

v-model
v-model을 통해 양방향 바인딩을 시키자

less than 1 minute read

Frontend

event Parameter

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

less than 1 minute read

Frontend

Scope와 Closure

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

1 minute read

Frontend

classStyleBinding

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

1 minute read

Frontend

computed

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

1 minute read

Frontend

Ref와 Reactive

반응형 데이터
반응형 데이터 refreactive에 대하여

3 minute read

Frontend

서브쿼리와 delete

leetcode - Delete Duplicate Emails

1 minute read

Database

minimal mistakes에 {{ }}나 {% %}가 안먹힐때

minimal mistakes는 JEKYLL로 이루어져있다.

less than 1 minute read

Blog

JWT + Spring Security + Spring Cloud = MSA 3. ApiGateway

#Spring Security #SpringSecurity #Login #jwt #Eureka #msa #Api Gateway

5 minute read

Backend

JWT + Spring Security + Spring Cloud = MSA 2. Spring Security

#Spring Security #SpringSecurity #Login #jwt #Eureka #msa

6 minute read

Backend

JWT + Spring Security + Spring Cloud = MSA 1. 환경세팅

#Spring Security #SpringSecurity #Login

2 minute read

Backend

Spring Security - Role (단일 권한, 복합 권한)

#Spring Security #SpringSecurity #Login

1 minute read

Backend

Spring Security를 이용한 로그인 처리

#Spring Security #SpringSecurity #Login

9 minute read

Backend

REST API - Exception을 통하여 HTTP Response 처리

#ExceptionHandler #Exception #ControllerAdvice #RestAPI #Rest API

2 minute read

Backend

Assert을 커스텀(custom)하여 파라미터 검증

#ExceptionHandler #Exception #ControllerAdvice

2 minute read

Backend

애노테이션을 사용한 파라미터 검증

annotation 애노테이션을 이용하여 파라미터 체크

2 minute read

Backend

제네릭 기본 및 응용

Generic Type에서의 사용법과 응용법

1 minute read

Backend

Refactoring

리팩토링을 해보자

29 minute read

Backend

DataSource와 ConnectionPool

connectionPool을 적용해보자

3 minute read

Backend

abbr 태그를 이용하여 Mouse Hover시 도움말 보기

기존의 <abbr>태그를 사용하면 도움말(약어=Abbreviation)의 기능을 이용할수 있었다. 이 기능을 이용하여 업그레이드된 미리보기/도움말을 사용해보자 최종적으로는

1 minute read

Blog

docker, jenkins를 이용하여 CI CD 구축2 - aws를 이용하여 application.yml 암호화

aws parameter Store를 이용하여 application.yml 암호화 - Jenkins

2 minute read

Infra

EC2 용량 확장

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

1 minute read

Infra

docker, jenkins를 이용하여 CI CD 구축1

docker, jenkins, aws를 사용하여 CI/CD를 구축해보자
최대한 비용없이 구성하였다

6 minute read

Cloud

코드 박스(code box) 꾸미기

현재 github.io를 jekyll를 이용한 minimal mistake 을 사용하고있다

less than 1 minute read

Blog

그림으로 이해하는 merge –no-ff, squash, rebase 그리고 pull request(PR)

pull request(PR)을 할 때 merge 옵션이 있다
image

4 minute read

Infra

JSP - EL 표현식에서 언제 오류 페이지가 나타날까

#ExceptionHandler #Exception #ControllerAdvice

less than 1 minute read

Backend

IoC와 DI컨테이너

DI Container와 @Configuration 그리고 @Bean에 대해 알아보자

4 minute read

Backend

DI(의존성 주입) 생성자 주입는 왜 필요한가

생성자 주입과 DI의 필요성과 왜 사용해야하는지 알아본다

3 minute read

Backend

마크다운과 html에서 텍스트 정렬

Markdown과 html에서 텍스트 정렬

1 minute read

Blog

git issue를 이용하여 협업하기

원격 저장소와 연결 -> 이슈작성 -> 개발 …

1 minute read

Infra

스프링을 왜 사용하는가

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

2 minute read

Backend

124 나라의 숫자 파이썬

124나라의 숫자 ↗️

less than 1 minute read

etc

AWS - S3

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

1 minute read

Infra

AWS - EFS

efs 구현

less than 1 minute read

Infra

AWS - EBS

ec2와 ebs 연결

2 minute read

Infra

EC2에 간단한 웹서버 설치

EC2에 간단한 웹서버(apache)를 설치한다

less than 1 minute read

Infra

Servlet

Servlet은 무엇인가

less than 1 minute read

Backend

notion page를 웹사이트에 삽입하기

notion 페이지들을 github.io에 넣어보자

4 minute read

Frontend

리눅스 명령어

리눅스의 다양한 명령어들

4 minute read

Infra

Relation과 Join

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

1 minute read

Python

SQL 고급용 문제풀이2

보호소에서 중성화한 동물

1 minute read

Database

SQL 고급용 문제풀이

우유와 요거트가 담긴 장바구니

less than 1 minute read

Database

ORM

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

less than 1 minute read

Python

디스크할당

디스크할당

less than 1 minute read

CS

MTV와 MVC

less than 1 minute read

Python

디스크 스케줄링

FCFS, SSTF, SCAN, C-SCAN, Eshenbach, SLTF

less than 1 minute read

CS

워킹셋과 스래싱

Working Set, PFF(page Fault Frequency), Thrashing

less than 1 minute read

CS

Locality

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

less than 1 minute read

CS

페이지 교체 알고리즘

OPT, FIFO, LRU, LFU, NUR, SCR

1 minute read

CS

메모리(기억장치) 관리 기법 - 가상기억장치

가상 메모리, 페이징, DAT, 동적 주소 변환, 세그먼테이션

1 minute read

CS

메모리(기억장치) 관리 기법 - 주기억장치

메모리 할당 방법, 상주 모니터, 오버레이, 스와핑, 고정분할, 가변분할, 절대적재/재배치적재, 가변분할

1 minute read

CS

메모리(기억장치) 관리 정책

반입(Fetch), 배치(Placement), 교체(Replacement), 최초/최적/최악 적합

less than 1 minute read

CS

프로세서 스케줄링

단일 프로세서 스케줄링

2 minute read

CS

파이썬에서 OR과 AND

“or과 and 구문”

less than 1 minute read

python

pyenv virtualenv 설치 및 오류해결

검색어

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

1 minute read

Python

핸드폰 번호 가리기

정규표현식을 이용하여 프로그래머스-핸드폰 번호가리기↗️ 풀이

less than 1 minute read

etc

신규 아이디 추천

프로그래머스 - 신규아이디 추천 ↗️

less than 1 minute read

etc

소수 만들기

for else 문 / combinations활용

less than 1 minute read

etc

교착상태

교착상태

2 minute read

CS

원형큐

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

2 minute read

CS

병행 프로세스

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

2 minute read

CS

스레드

쓰레드란

1 minute read

CS

프로세스

“프로세스란?”

1 minute read

CS

가상화(virtualization)

“가상화란?”

less than 1 minute read

CS

링커/로더

linker / loader

less than 1 minute read

CS

운영체제의 운용 기법

운영체제의 운용 기법

1 minute read

CS

운영체의 개요

운영체제란?

less than 1 minute read

CS

Cloud의 개념

Cloud Computing

less than 1 minute read

CS

서브네팅 실전

서브네팅, 슈퍼네팅

5 minute read

CS

TCP Protocol 동작과정

3way/4way handshaking

less than 1 minute read

CS

Rounting

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

2 minute read

CS

네트워크 장비

Repeater, Bridge, Router, Gateway, Hub

2 minute read

CS

순환 중복 검사

비트 지향 동기 방식, CRC

less than 1 minute read

CS

IPv6

“Dual Stack, IPv6”

less than 1 minute read

CS

IP

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

1 minute read

CS

TCP와 UDP의 개념과 차이점

“TCP와 UDP”

1 minute read

CS

TCP/IP

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

2 minute read

CS

OSI 7계층

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

1 minute read

CS

간단한 반응형 메뉴갖는 웹 만들기

간단한 반응형 Header 메뉴바 만들기 ↗️

less than 1 minute read

Frontend

sitemap.xml 오류,에러 해결하기

“구글 검색 엔진 ( Google search console ) 중 sitemap.xml 에러”

less than 1 minute read

Blog

Jekyll 설치하기

“맥북에서 Jekyll설치하기 + 오류해결과정”

1 minute read

Blog

HTTP와 DNS를 통한 데이터 흐름

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

less than 1 minute read

CS

마크다운 파일에 목차 링크 toc 넣기

목차 toc 넣기

less than 1 minute read

Blog

github page, Jekyll에서의 마크다운 파일에 image(사진) 넣기

로컬이 아닌 github page에 이미지 올리기

less than 1 minute read

Blog

Password authentication,a personal access token 로그인 문제 해결방법

터미널에서 Git을 로그인 할시 Password authentication,a personal access token 문제 해결방법

1 minute read

Infra

HTTP 메시지

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

less than 1 minute read

CS

zip과 행렬의 덧셈

zip - 파이썬 문법

less than 1 minute read

Python

N진법 변환

“N진법 변환”

less than 1 minute read

python

CodingInterview에서의 Python

“코딩인터뷰 책을 기반으로 하여 정리한 파이썬”

6 minute read

python

자신을 제외한 배열의 곱

자신을 제외한 배열의 곱

less than 1 minute read

etc

두 개의 연결 리스트 병합하여 나열

두 개의 연결 리스트 병합하기

1 minute read

etc

IntelliJ에서 파이썬 연결리스트 사용하기

리트코드(LeetCode)의 연결리스트 코딩을 에디터에서 해보자(How to use linked list in editor)

less than 1 minute read

Python

Python에서의 불변객체와 가변객체

참조와 할당 비교를 해보자

2 minute read

python

Python에서 N차원 배열을 1차원 배열로 만들기

sum( 배열명, [])

less than 1 minute read

python

String

파이썬 정규표현식에 대해

11 minute read

python

Module

파이썬 모듈에 대해

5 minute read

python

Exception_Handling

파이썬 예외처리에 관해

4 minute read

python

Class

파이썬 클래스에 관해

8 minute read

python

InputOutput

파이썬 입출력

3 minute read

python

FunctionVariable

파이썬 함수와 변수

3 minute read

python

Conditional_Sentence

파이썬 조건문

6 minute read

python

DataStructure

파이썬 자료구조

12 minute read

python

Basic

파이썬 기본문법

6 minute read

python

마크다운과 html 에서 이미지 정렬

Markdown과 html에서 이미지 정렬

1 minute read

Blog

Markdown에서의 코드 박스 꾸미기

Code block Highlight은 두가지 종류가 있다.

1 minute read

Blog

Markup(html)을 사용한 특수문자  —  제목

특수문자가 있는 제목

2 minute read

Blog

고급 Markdown

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

5 minute read

Blog

코딩테스트 파이썬 Tip

코딩테스트에 유용한 파이썬 팁

1 minute read

python

Json

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

1 minute read

Frontend

Javascript 배열

자바스크립트에서 배열

less than 1 minute read

Frontend

Javascript 객체

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

1 minute read

Frontend

Javascript 클래스

자바스크립트-객체지향 개념의 클래스

less than 1 minute read

Frontend

Javascript 함수

자바스크립트에서의 여러 함수 선언방법

1 minute read

Frontend

Javascript 변수심화

자바스크립트에서 변수의 비교와 변수할당방식

less than 1 minute read

Frontend

Javascript 변수

자바스크립트에서 변수란?

1 minute read

Frontend

CSS Centering

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

1 minute read

Frontend

CSS flexbox

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

less than 1 minute read

Frontend

CSS 변수

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

less than 1 minute read

Frontend

CSS Size

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

1 minute read

Frontend

CSS layout

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

less than 1 minute read

Frontend

CSS 기본

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

less than 1 minute read

Frontend

HTML5 Data 속성

HTML의 data attributes는 HTML5에서만 가능하다.

less than 1 minute read

Frontend

HTML의 다양한 태그

HTML의 다양한 태그를 알아보자

less than 1 minute read

Frontend

Visual studio code의 유용한 툴

visual studio code에서 유용한 확장툴

less than 1 minute read

Frontend

HTML 기초

HTML 기초

less than 1 minute read

Frontend

리눅스 명령어2

리눅스의 다양한 명령어들2

3 minute read

Infra

텍스트 파일로부터 수식들을 불러와 계산기작업하기

Intro

다음의 설명을 만족하는 전자계산기 프로그램을 만든다.
Equation.txt 라는 파일은 다음과 같은 수식이 저장되어 있다.

6 minute read

etc

처음부터 노트북만 가지고 라즈베리파이 사용하기 -3

라즈베리파이 환경 구축하기

1 minute read

etc

처음부터 노트북만 가지고 라즈베리파이 사용하기 -2

라즈베리파이 OS 설치하기

2 minute read

etc

처음부터 노트북만 가지고 라즈베리파이 사용하기 -1

해당 글의 원본 : https://blog.naver.com/emrhs1004/221425744154
위 글에서 댓글을 보면 여러 문제상황에 해결과정도 있다.

1 minute read

etc