pinia기본
pinia pinian 기본 기록용
Posts by Tag
- Frontend 37
- Javascript 26
- OS 17
- Vue 17
- Spring 15
- Java 15
- Network 14
- Python-Bible 9
- Advanced 8
- Markdown 8
- CodingTest 8
- HTML 7
- CSS 6
- python심화 6
- Tip 6
- Basic 6
- AWS 5
- Spring Security 5
- 정규표현식 4
- Level1 4
- Django 4
- Python 4
- RaspberryPi 3
- RaspEnv 3
- Markup 3
- Git 3
- Level0 3
- SQL 3
- Linux 2
- Backend_beginner 2
- Setting 2
- Custom 2
- CI&CD 2
- msa 2
- Calculator 1
- C 1
- flexbox 1
- Algorithmㄴ 1
- Level2 1
- zip 1
- ResponsiveWeb 1
- issue 1
- Algorithm 1
- Level 0 1
- Backend 1
- notion 1
- python 1
- html 1
- spring 1
- Rest API 1
- jwt 1
- Eureka 1
- block scope 1
- closure 1
- Life 1
Frontend
github pages에서 vue router 404 에러
배경1. vue 프로젝트를 github pages를 통해 myurl.com에 배포를 했다 배경2. vue router를 사용하여 myurl.com/posts 페이지가 있다 배경3. vue router의 history모드는 createWebHistory를 사용한다 myurl.co...
object의 변수인 경우 ref와 reactive 어느 것을 사용할까
object변수는 ref와 reactive 중 어떤 것으로 선언해야할까 각각의 장단점이 있다 확인해보자
Route
Route url에 따라 보여줄 vue를 정하자
Template ref
template ref 태그 같은 DOM element요소를 ref를 이용하여 접근하자
provide와 inject
provide와 inject 1단계위인 부모Component가 아닌 고조할아버지Componennt와 고손자Component와의 데이터 통신방법을 알아보자
slots
slots 부모component에서 자식의 템플릿 content를 렌더링해주는 것
nonProps
nonProps 컴포넌트에 전달되지만, props나 emit에 정의된 특성을 지니고 있지 않은 속성 또는 이벤트 리스너
v-model을 통한 3depth 양방향 바인딩
3depth의 양방향 바인딩 component의 3개 depth를 갖는다했을 때 처리 방법
emit, component와 v-model을 통한 양방향 바인딩
emit <script setup>안에서의 props 와 component와 v-model을 통한 양방향 바인딩
props
props
watch
watch watch 사용법, watch와 computed의 차이
양방향 바인딩
v-model v-model을 통해 양방향 바인딩을 시키자
event Parameter
$event 파라미터 v-on을 통해서 실행할 함수를 연결할수있는데, 함수에 event Parameter에 대해 알아보자
Scope와 Closure
Scope와 Closure scope는 function Scope와 block Scope가 있다. 여기서 var, function(){...}는 function Scope이고, let과 const는 block Scope이다 block은 {와 }가 포함되어 있으면 무조건 block ...
classStyleBinding
classStyleBinding v-bind를 이용한 class binding을 알아보고, ref와 Array,reactive,computed의 관계를 알아보자
computed
Computed 반응형 데이터를 이용한 계산된 속성
Ref와 Reactive
반응형 데이터 반응형 데이터 ref와 reactive에 대하여
notion page를 웹사이트에 삽입하기
notion 페이지들을 github.io에 넣어보자
간단한 반응형 메뉴갖는 웹 만들기
간단한 반응형 Header 메뉴바 만들기 ↗️
Json
자바스크립트에서 Xml을 대체하는 데이터 포맷
Javascript 배열
자바스크립트에서 배열
Javascript 객체
자바스크립트-객체지향 개념의 객체(object)
Javascript 클래스
자바스크립트-객체지향 개념의 클래스
Javascript 함수
자바스크립트에서의 여러 함수 선언방법
Javascript 변수심화
자바스크립트에서 변수의 비교와 변수할당방식
Javascript 변수
자바스크립트에서 변수란?
CSS Centering
css의 flexbox을 사용할 수 없을 때 포지션변경을 해보자.
CSS flexbox
css의 flexbox는 element의 요소의 화면 포지션을 쉽게 컨트롤할 수 있다.
CSS 변수
css의 변수를 설정함으로써 하나하나 값을 바꾸지않고 변수 값만 바꿈으로써 전체를 바꿔줄수있다.
CSS Size
css의 사이즈조절을 알아보자. (em, rem, %, vw, vh)
CSS layout
css의 레이아웃(display 속성)을 알아보자.
CSS 기본
CSS 기본속성에 대해 알아보자
HTML5 Data 속성
HTML의 data attributes는 HTML5에서만 가능하다.
HTML의 다양한 태그
HTML의 다양한 태그를 알아보자
Visual studio code의 유용한 툴
visual studio code에서 유용한 확장툴
HTML 기초
HTML 기초
Javascript
pinia기본
pinia pinian 기본 기록용
github pages에서 vue router 404 에러
배경1. vue 프로젝트를 github pages를 통해 myurl.com에 배포를 했다 배경2. vue router를 사용하여 myurl.com/posts 페이지가 있다 배경3. vue router의 history모드는 createWebHistory를 사용한다 myurl.co...
object의 변수인 경우 ref와 reactive 어느 것을 사용할까
object변수는 ref와 reactive 중 어떤 것으로 선언해야할까 각각의 장단점이 있다 확인해보자
Route
Route url에 따라 보여줄 vue를 정하자
Template ref
template ref 태그 같은 DOM element요소를 ref를 이용하여 접근하자
provide와 inject
provide와 inject 1단계위인 부모Component가 아닌 고조할아버지Componennt와 고손자Component와의 데이터 통신방법을 알아보자
slots
slots 부모component에서 자식의 템플릿 content를 렌더링해주는 것
nonProps
nonProps 컴포넌트에 전달되지만, props나 emit에 정의된 특성을 지니고 있지 않은 속성 또는 이벤트 리스너
v-model을 통한 3depth 양방향 바인딩
3depth의 양방향 바인딩 component의 3개 depth를 갖는다했을 때 처리 방법
emit, component와 v-model을 통한 양방향 바인딩
emit <script setup>안에서의 props 와 component와 v-model을 통한 양방향 바인딩
props
props
watch
watch watch 사용법, watch와 computed의 차이
양방향 바인딩
v-model v-model을 통해 양방향 바인딩을 시키자
event Parameter
$event 파라미터 v-on을 통해서 실행할 함수를 연결할수있는데, 함수에 event Parameter에 대해 알아보자
Scope와 Closure
Scope와 Closure scope는 function Scope와 block Scope가 있다. 여기서 var, function(){...}는 function Scope이고, let과 const는 block Scope이다 block은 {와 }가 포함되어 있으면 무조건 block ...
classStyleBinding
classStyleBinding v-bind를 이용한 class binding을 알아보고, ref와 Array,reactive,computed의 관계를 알아보자
computed
Computed 반응형 데이터를 이용한 계산된 속성
Ref와 Reactive
반응형 데이터 반응형 데이터 ref와 reactive에 대하여
notion page를 웹사이트에 삽입하기
notion 페이지들을 github.io에 넣어보자
Json
자바스크립트에서 Xml을 대체하는 데이터 포맷
Javascript 배열
자바스크립트에서 배열
Javascript 객체
자바스크립트-객체지향 개념의 객체(object)
Javascript 클래스
자바스크립트-객체지향 개념의 클래스
Javascript 함수
자바스크립트에서의 여러 함수 선언방법
Javascript 변수심화
자바스크립트에서 변수의 비교와 변수할당방식
Javascript 변수
자바스크립트에서 변수란?
OS
디스크할당
디스크할당
디스크 스케줄링
FCFS, SSTF, SCAN, C-SCAN, Eshenbach, SLTF
워킹셋과 스래싱
Working Set, PFF(page Fault Frequency), Thrashing
Locality
Temporal Locality(시간 구역성), Spatial Locality(공간 구역성)
페이지 교체 알고리즘
OPT, FIFO, LRU, LFU, NUR, SCR
메모리(기억장치) 관리 기법 - 가상기억장치
가상 메모리, 페이징, DAT, 동적 주소 변환, 세그먼테이션
메모리(기억장치) 관리 기법 - 주기억장치
메모리 할당 방법, 상주 모니터, 오버레이, 스와핑, 고정분할, 가변분할, 절대적재/재배치적재, 가변분할
메모리(기억장치) 관리 정책
반입(Fetch), 배치(Placement), 교체(Replacement), 최초/최적/최악 적합
프로세서 스케줄링
단일 프로세서 스케줄링
교착상태
교착상태
병행 프로세스
병행 프로세스 / 상호 배제 / 임계영역 / 세마포어 / 모니터
스레드
쓰레드란
프로세스
“프로세스란?”
가상화(virtualization)
“가상화란?”
링커/로더
linker / loader
운영체제의 운용 기법
운영체제의 운용 기법
운영체의 개요
운영체제란?
Vue
pinia기본
pinia pinian 기본 기록용
github pages에서 vue router 404 에러
배경1. vue 프로젝트를 github pages를 통해 myurl.com에 배포를 했다 배경2. vue router를 사용하여 myurl.com/posts 페이지가 있다 배경3. vue router의 history모드는 createWebHistory를 사용한다 myurl.co...
object의 변수인 경우 ref와 reactive 어느 것을 사용할까
object변수는 ref와 reactive 중 어떤 것으로 선언해야할까 각각의 장단점이 있다 확인해보자
Route
Route url에 따라 보여줄 vue를 정하자
Template ref
template ref 태그 같은 DOM element요소를 ref를 이용하여 접근하자
provide와 inject
provide와 inject 1단계위인 부모Component가 아닌 고조할아버지Componennt와 고손자Component와의 데이터 통신방법을 알아보자
slots
slots 부모component에서 자식의 템플릿 content를 렌더링해주는 것
nonProps
nonProps 컴포넌트에 전달되지만, props나 emit에 정의된 특성을 지니고 있지 않은 속성 또는 이벤트 리스너
v-model을 통한 3depth 양방향 바인딩
3depth의 양방향 바인딩 component의 3개 depth를 갖는다했을 때 처리 방법
emit, component와 v-model을 통한 양방향 바인딩
emit <script setup>안에서의 props 와 component와 v-model을 통한 양방향 바인딩
props
props
watch
watch watch 사용법, watch와 computed의 차이
양방향 바인딩
v-model v-model을 통해 양방향 바인딩을 시키자
event Parameter
$event 파라미터 v-on을 통해서 실행할 함수를 연결할수있는데, 함수에 event Parameter에 대해 알아보자
classStyleBinding
classStyleBinding v-bind를 이용한 class binding을 알아보고, ref와 Array,reactive,computed의 관계를 알아보자
computed
Computed 반응형 데이터를 이용한 계산된 속성
Ref와 Reactive
반응형 데이터 반응형 데이터 ref와 reactive에 대하여
Spring
JWT + Spring Security + Spring Cloud = MSA 3. ApiGateway
#Spring Security #SpringSecurity #Login #jwt #Eureka #msa #Api Gateway
JWT + Spring Security + Spring Cloud = MSA 2. Spring Security
#Spring Security #SpringSecurity #Login #jwt #Eureka #msa
JWT + Spring Security + Spring Cloud = MSA 1. 환경세팅
#Spring Security #SpringSecurity #Login
Spring Security - Role (단일 권한, 복합 권한)
#Spring Security #SpringSecurity #Login
Spring Security를 이용한 로그인 처리
#Spring Security #SpringSecurity #Login
REST API - Exception을 통하여 HTTP Response 처리
#ExceptionHandler #Exception #ControllerAdvice #RestAPI #Rest API
Assert을 커스텀(custom)하여 파라미터 검증
#ExceptionHandler #Exception #ControllerAdvice
애노테이션을 사용한 파라미터 검증
annotation 애노테이션을 이용하여 파라미터 체크
제네릭 기본 및 응용
Generic Type에서의 사용법과 응용법
DataSource와 ConnectionPool
connectionPool을 적용해보자
JSP - EL 표현식에서 언제 오류 페이지가 나타날까
#ExceptionHandler #Exception #ControllerAdvice
IoC와 DI컨테이너
DI Container와 @Configuration 그리고 @Bean에 대해 알아보자
DI(의존성 주입) 생성자 주입는 왜 필요한가
생성자 주입과 DI의 필요성과 왜 사용해야하는지 알아본다
스프링을 왜 사용하는가
스프링은 자바 프레임워크이다. 그러므로 자바를 빼먹을수가 없는데 이 자바덕분에 다형성이 가능하기때문에 스프링을 선택했다. 또한 이러한 다형성을 잘 사용하려면, 즉 스프링을 잘 활용하려면 SOLID원칙을 잘 지켜야한다
Servlet
Servlet은 무엇인가
Java
JWT + Spring Security + Spring Cloud = MSA 3. ApiGateway
#Spring Security #SpringSecurity #Login #jwt #Eureka #msa #Api Gateway
JWT + Spring Security + Spring Cloud = MSA 2. Spring Security
#Spring Security #SpringSecurity #Login #jwt #Eureka #msa
JWT + Spring Security + Spring Cloud = MSA 1. 환경세팅
#Spring Security #SpringSecurity #Login
Spring Security - Role (단일 권한, 복합 권한)
#Spring Security #SpringSecurity #Login
Spring Security를 이용한 로그인 처리
#Spring Security #SpringSecurity #Login
REST API - Exception을 통하여 HTTP Response 처리
#ExceptionHandler #Exception #ControllerAdvice #RestAPI #Rest API
Assert을 커스텀(custom)하여 파라미터 검증
#ExceptionHandler #Exception #ControllerAdvice
애노테이션을 사용한 파라미터 검증
annotation 애노테이션을 이용하여 파라미터 체크
제네릭 기본 및 응용
Generic Type에서의 사용법과 응용법
Refactoring
리팩토링을 해보자
JSP - EL 표현식에서 언제 오류 페이지가 나타날까
#ExceptionHandler #Exception #ControllerAdvice
IoC와 DI컨테이너
DI Container와 @Configuration 그리고 @Bean에 대해 알아보자
DI(의존성 주입) 생성자 주입는 왜 필요한가
생성자 주입과 DI의 필요성과 왜 사용해야하는지 알아본다
스프링을 왜 사용하는가
스프링은 자바 프레임워크이다. 그러므로 자바를 빼먹을수가 없는데 이 자바덕분에 다형성이 가능하기때문에 스프링을 선택했다. 또한 이러한 다형성을 잘 사용하려면, 즉 스프링을 잘 활용하려면 SOLID원칙을 잘 지켜야한다
Servlet
Servlet은 무엇인가
Network
가상화(virtualization)
“가상화란?”
Cloud의 개념
Cloud Computing
서브네팅 실전
서브네팅, 슈퍼네팅
TCP Protocol 동작과정
3way/4way handshaking
Rounting
“고정 경로 배정, 적응 경로 배정”
네트워크 장비
Repeater, Bridge, Router, Gateway, Hub
순환 중복 검사
비트 지향 동기 방식, CRC
IPv6
“Dual Stack, IPv6”
IP
“IP, 서브넷마스크, Network ID, Host Address”
TCP와 UDP의 개념과 차이점
“TCP와 UDP”
TCP/IP
통신 프로토콜과 OSI 참조 모델
OSI 7계층
“통신 프로토콜과 OSI 참조 모델”
HTTP와 DNS를 통한 데이터 흐름
HTTP와 파이썬에서의 데이터 흐름 1. 클라이언트가 특정 주소를 보낸다. ( HTTP의 GET method)2 . 쟝고 웹앱에 요청이 들어온다.
HTTP 메시지
서버란정보를 제공하기 위해 고정된 주소(도메인, 고정 IP 등)를 차지하며 방문하는 컴퓨터들에게 필요한 정보를 제공
Python-Bible
String
파이썬 정규표현식에 대해
Module
파이썬 모듈에 대해
Exception_Handling
파이썬 예외처리에 관해
Class
파이썬 클래스에 관해
InputOutput
파이썬 입출력
FunctionVariable
파이썬 함수와 변수
Conditional_Sentence
파이썬 조건문
DataStructure
파이썬 자료구조
Basic
파이썬 기본문법
Advanced
파이썬에서 OR과 AND
“or과 and 구문”
zip과 행렬의 덧셈
zip - 파이썬 문법
N진법 변환
“N진법 변환”
CodingInterview에서의 Python
“코딩인터뷰 책을 기반으로 하여 정리한 파이썬”
IntelliJ에서 파이썬 연결리스트 사용하기
리트코드(LeetCode)의 연결리스트 코딩을 에디터에서 해보자(How to use linked list in editor)
Python에서의 불변객체와 가변객체
참조와 할당 비교를 해보자
Python에서 N차원 배열을 1차원 배열로 만들기
sum( 배열명, [])
코딩테스트 파이썬 Tip
코딩테스트에 유용한 파이썬 팁
Markdown
minimal mistakes에 {{ }}나 {% %}가 안먹힐때
minimal mistakes는 JEKYLL로 이루어져있다.
마크다운과 html에서 텍스트 정렬
Markdown과 html에서 텍스트 정렬
마크다운 파일에 목차 링크 toc 넣기
목차 toc 넣기
github page, Jekyll에서의 마크다운 파일에 image(사진) 넣기
로컬이 아닌 github page에 이미지 올리기
마크다운과 html 에서 이미지 정렬
Markdown과 html에서 이미지 정렬
Markdown에서의 코드 박스 꾸미기
Code block Highlight은 두가지 종류가 있다.
Markup(html)을 사용한 특수문자 — 제목
특수문자가 있는 제목
고급 Markdown
기본적인 Markdown말고 고급 Markdown 스킬
CodingTest
124 나라의 숫자 파이썬
124나라의 숫자 ↗️
핸드폰 번호 가리기
정규표현식을 이용하여 프로그래머스-핸드폰 번호가리기↗️ 풀이
신규 아이디 추천
프로그래머스 - 신규아이디 추천 ↗️
소수 만들기
for else 문 / combinations활용
zip과 행렬의 덧셈
zip - 파이썬 문법
자신을 제외한 배열의 곱
자신을 제외한 배열의 곱
두 개의 연결 리스트 병합하여 나열
두 개의 연결 리스트 병합하기
IntelliJ에서 파이썬 연결리스트 사용하기
리트코드(LeetCode)의 연결리스트 코딩을 에디터에서 해보자(How to use linked list in editor)
HTML
마크다운과 html에서 텍스트 정렬
Markdown과 html에서 텍스트 정렬
마크다운과 html 에서 이미지 정렬
Markdown과 html에서 이미지 정렬
Markup(html)을 사용한 특수문자 — 제목
특수문자가 있는 제목
HTML5 Data 속성
HTML의 data attributes는 HTML5에서만 가능하다.
HTML의 다양한 태그
HTML의 다양한 태그를 알아보자
Visual studio code의 유용한 툴
visual studio code에서 유용한 확장툴
HTML 기초
HTML 기초
CSS
CSS Centering
css의 flexbox을 사용할 수 없을 때 포지션변경을 해보자.
CSS flexbox
css의 flexbox는 element의 요소의 화면 포지션을 쉽게 컨트롤할 수 있다.
CSS 변수
css의 변수를 설정함으로써 하나하나 값을 바꾸지않고 변수 값만 바꿈으로써 전체를 바꿔줄수있다.
CSS Size
css의 사이즈조절을 알아보자. (em, rem, %, vw, vh)
CSS layout
css의 레이아웃(display 속성)을 알아보자.
CSS 기본
CSS 기본속성에 대해 알아보자
python심화
파이썬에서 OR과 AND
“or과 and 구문”
N진법 변환
“N진법 변환”
CodingInterview에서의 Python
“코딩인터뷰 책을 기반으로 하여 정리한 파이썬”
Python에서의 불변객체와 가변객체
참조와 할당 비교를 해보자
Python에서 N차원 배열을 1차원 배열로 만들기
sum( 배열명, [])
코딩테스트 파이썬 Tip
코딩테스트에 유용한 파이썬 팁
Tip
파이썬에서 OR과 AND
“or과 and 구문”
N진법 변환
“N진법 변환”
CodingInterview에서의 Python
“코딩인터뷰 책을 기반으로 하여 정리한 파이썬”
Python에서의 불변객체와 가변객체
참조와 할당 비교를 해보자
Python에서 N차원 배열을 1차원 배열로 만들기
sum( 배열명, [])
코딩테스트 파이썬 Tip
코딩테스트에 유용한 파이썬 팁
Basic
String
파이썬 정규표현식에 대해
Module
파이썬 모듈에 대해
Exception_Handling
파이썬 예외처리에 관해
Class
파이썬 클래스에 관해
InputOutput
파이썬 입출력
FunctionVariable
파이썬 함수와 변수
AWS
EC2 용량 확장
EC2 하나에 Docker가 여러개 설치되어있어서 EC2의 용량이 부족해서 용량을 올리기로 하였다
AWS - S3
s3를 이용하여 정적 웹호스팅
AWS - EFS
efs 구현
AWS - EBS
ec2와 ebs 연결
EC2에 간단한 웹서버 설치
EC2에 간단한 웹서버(apache)를 설치한다
Spring Security
JWT + Spring Security + Spring Cloud = MSA 3. ApiGateway
#Spring Security #SpringSecurity #Login #jwt #Eureka #msa #Api Gateway
JWT + Spring Security + Spring Cloud = MSA 2. Spring Security
#Spring Security #SpringSecurity #Login #jwt #Eureka #msa
JWT + Spring Security + Spring Cloud = MSA 1. 환경세팅
#Spring Security #SpringSecurity #Login
Spring Security - Role (단일 권한, 복합 권한)
#Spring Security #SpringSecurity #Login
Spring Security를 이용한 로그인 처리
#Spring Security #SpringSecurity #Login
정규표현식
124 나라의 숫자 파이썬
124나라의 숫자 ↗️
핸드폰 번호 가리기
정규표현식을 이용하여 프로그래머스-핸드폰 번호가리기↗️ 풀이
신규 아이디 추천
프로그래머스 - 신규아이디 추천 ↗️
String
파이썬 정규표현식에 대해
Level1
124 나라의 숫자 파이썬
124나라의 숫자 ↗️
신규 아이디 추천
프로그래머스 - 신규아이디 추천 ↗️
두 개의 연결 리스트 병합하여 나열
두 개의 연결 리스트 병합하기
IntelliJ에서 파이썬 연결리스트 사용하기
리트코드(LeetCode)의 연결리스트 코딩을 에디터에서 해보자(How to use linked list in editor)
Django
Relation과 Join
select할 모델 객체가 역참조하는 single object(one to one, many to one) 정참조 외래키(foreign key)
ORM
객체지향 언어에서 서로 다른 시스템 간의 데이터 형식의 호환을 위해 데이터를 변환하고 맵핑(연결)해주는 방식 또는 기술
MTV와 MVC
HTTP 기초 HTTP와 DNS
pyenv virtualenv 설치 및 오류해결
검색어 pyenv에서 버전을 바꿔도 파이썬 버전은 바뀌지 않는 문제/오류 pyenv doesn’t change python version mac pyenv python version not changing
Python
Relation과 Join
select할 모델 객체가 역참조하는 single object(one to one, many to one) 정참조 외래키(foreign key)
ORM
객체지향 언어에서 서로 다른 시스템 간의 데이터 형식의 호환을 위해 데이터를 변환하고 맵핑(연결)해주는 방식 또는 기술
MTV와 MVC
HTTP 기초 HTTP와 DNS
pyenv virtualenv 설치 및 오류해결
검색어 pyenv에서 버전을 바꿔도 파이썬 버전은 바뀌지 않는 문제/오류 pyenv doesn’t change python version mac pyenv python version not changing
RaspberryPi
처음부터 노트북만 가지고 라즈베리파이 사용하기 -3
라즈베리파이 환경 구축하기
처음부터 노트북만 가지고 라즈베리파이 사용하기 -2
라즈베리파이 OS 설치하기
처음부터 노트북만 가지고 라즈베리파이 사용하기 -1
해당 글의 원본 : https://blog.naver.com/emrhs1004/221425744154 위 글에서 댓글을 보면 여러 문제상황에 해결과정도 있다.
RaspEnv
처음부터 노트북만 가지고 라즈베리파이 사용하기 -3
라즈베리파이 환경 구축하기
처음부터 노트북만 가지고 라즈베리파이 사용하기 -2
라즈베리파이 OS 설치하기
처음부터 노트북만 가지고 라즈베리파이 사용하기 -1
해당 글의 원본 : https://blog.naver.com/emrhs1004/221425744154 위 글에서 댓글을 보면 여러 문제상황에 해결과정도 있다.
Markup
마크다운과 html에서 텍스트 정렬
Markdown과 html에서 텍스트 정렬
마크다운과 html 에서 이미지 정렬
Markdown과 html에서 이미지 정렬
Markup(html)을 사용한 특수문자 — 제목
특수문자가 있는 제목
Git
그림으로 이해하는 merge –no-ff, squash, rebase 그리고 pull request(PR)
pull request(PR)을 할 때 merge 옵션이 있다
git issue를 이용하여 협업하기
원격 저장소와 연결 -> 이슈작성 -> 개발 …
Password authentication,a personal access token 로그인 문제 해결방법
터미널에서 Git을 로그인 할시 Password authentication,a personal access token 문제 해결방법
Level0
Back to top ↑SQL
서브쿼리와 delete
leetcode - Delete Duplicate Emails
SQL 고급용 문제풀이2
보호소에서 중성화한 동물
SQL 고급용 문제풀이
우유와 요거트가 담긴 장바구니
Linux
Back to top ↑Backend_beginner
HTTP와 DNS를 통한 데이터 흐름
HTTP와 파이썬에서의 데이터 흐름 1. 클라이언트가 특정 주소를 보낸다. ( HTTP의 GET method)2 . 쟝고 웹앱에 요청이 들어온다.
HTTP 메시지
서버란정보를 제공하기 위해 고정된 주소(도메인, 고정 IP 등)를 차지하며 방문하는 컴퓨터들에게 필요한 정보를 제공
Setting
sitemap.xml 오류,에러 해결하기
“구글 검색 엔진 ( Google search console ) 중 sitemap.xml 에러”
Jekyll 설치하기
“맥북에서 Jekyll설치하기 + 오류해결과정”
Custom
abbr 태그를 이용하여 Mouse Hover시 도움말 보기
기존의 <abbr>태그를 사용하면 도움말(약어=Abbreviation)의 기능을 이용할수 있었다. 이 기능을 이용하여 업그레이드된 미리보기/도움말을 사용해보자 최종적으로는
코드 박스(code box) 꾸미기
현재 github.io를 jekyll를 이용한 minimal mistake 을 사용하고있다
CI&CD
docker, jenkins를 이용하여 CI CD 구축2 - aws를 이용하여 application.yml 암호화
aws parameter Store를 이용하여 application.yml 암호화 - Jenkins
docker, jenkins를 이용하여 CI CD 구축1
docker, jenkins, aws를 사용하여 CI/CD를 구축해보자 최대한 비용없이 구성하였다
msa
JWT + Spring Security + Spring Cloud = MSA 3. ApiGateway
#Spring Security #SpringSecurity #Login #jwt #Eureka #msa #Api Gateway
JWT + Spring Security + Spring Cloud = MSA 2. Spring Security
#Spring Security #SpringSecurity #Login #jwt #Eureka #msa
Calculator
텍스트 파일로부터 수식들을 불러와 계산기작업하기
Intro 다음의 설명을 만족하는 전자계산기 프로그램을 만든다. Equation.txt 라는 파일은 다음과 같은 수식이 저장되어 있다.
C
텍스트 파일로부터 수식들을 불러와 계산기작업하기
Intro 다음의 설명을 만족하는 전자계산기 프로그램을 만든다. Equation.txt 라는 파일은 다음과 같은 수식이 저장되어 있다.
flexbox
CSS flexbox
css의 flexbox는 element의 요소의 화면 포지션을 쉽게 컨트롤할 수 있다.
Algorithmㄴ
두 개의 연결 리스트 병합하여 나열
두 개의 연결 리스트 병합하기
Level2
자신을 제외한 배열의 곱
자신을 제외한 배열의 곱
zip
zip과 행렬의 덧셈
zip - 파이썬 문법
ResponsiveWeb
간단한 반응형 메뉴갖는 웹 만들기
간단한 반응형 Header 메뉴바 만들기 ↗️
issue
간단한 반응형 메뉴갖는 웹 만들기
간단한 반응형 Header 메뉴바 만들기 ↗️
Algorithm
원형큐
파이썬으로 원형 큐 구현하기
Level 0
파이썬에서 OR과 AND
“or과 and 구문”
Backend
ORM
객체지향 언어에서 서로 다른 시스템 간의 데이터 형식의 호환을 위해 데이터를 변환하고 맵핑(연결)해주는 방식 또는 기술
notion
notion page를 웹사이트에 삽입하기
notion 페이지들을 github.io에 넣어보자
python
notion page를 웹사이트에 삽입하기
notion 페이지들을 github.io에 넣어보자
html
abbr 태그를 이용하여 Mouse Hover시 도움말 보기
기존의 <abbr>태그를 사용하면 도움말(약어=Abbreviation)의 기능을 이용할수 있었다. 이 기능을 이용하여 업그레이드된 미리보기/도움말을 사용해보자 최종적으로는
spring
Refactoring
리팩토링을 해보자
Rest API
REST API - Exception을 통하여 HTTP Response 처리
#ExceptionHandler #Exception #ControllerAdvice #RestAPI #Rest API
jwt
JWT + Spring Security + Spring Cloud = MSA 1. 환경세팅
#Spring Security #SpringSecurity #Login
Eureka
JWT + Spring Security + Spring Cloud = MSA 1. 환경세팅
#Spring Security #SpringSecurity #Login
block scope
Scope와 Closure
Scope와 Closure scope는 function Scope와 block Scope가 있다. 여기서 var, function(){...}는 function Scope이고, let과 const는 block Scope이다 block은 {와 }가 포함되어 있으면 무조건 block ...
closure
Scope와 Closure
Scope와 Closure scope는 function Scope와 block Scope가 있다. 여기서 var, function(){...}는 function Scope이고, let과 const는 block Scope이다 block은 {와 }가 포함되어 있으면 무조건 block ...
Life
아파트 살 수 있을까? 부동산은 고점인가 저점인가
PIR이란 PIR이란 전국 가구당 소득 대비 아파트 가격을 말한다. PIR을 통해 현재 부동산의 가격이 적절한가 알아보자