velog.io

스프링 시큐리티와 OAuth 2.0으로 로그인 기능 구현하기

스프링 시큐리티와 스프링 시큐리티 Oauth2 클라이언트 / 구글 서비스 등록

yuli_kim

velog.io

스프링 부트에서 JPA 로 데이터베이스 다루기

JPA 소개 / 프로젝트에 Spring Data Jpa 적용하기

yuli_kim

velog.io

[Laravel8 / Vue2 SPA] crud-starter를 이용한 게시판

라라벨8 + vue2로 개발할 일이 생겨 Laravel-vue-crud-starter SPA 템플릿으로 연습해보기로 했다.

1. xampp 설치
PHP 개발 환경을 구축하기 위해서는 XAMPP를 설치해야 한다.

❗ PHP 버전을 8.0으로 설치해야 한다. 아무것도 모르고 막 설치하다가
composer install할 때 오류가 발생했었다.

yuli_kim

velog.io

유닛 테스트

테스트 코드 하나를 작성하는데 몇 시간을 들인 경험을 했다.
서비스 로직 만큼 중요한 것이 테스트 코드를 작성하는 것이라고는 하나, 실제 로직을 작성하는 것보다 테스트 코드를 작성하는데 더 많은 시간이 드는 것(...)은 배보다 배꼽이 큰 격 아닌가?
테스트 코드 작성 방식을 익히고, 같은 부분을 또다시 삽질하지 않도록 기록으로 남긴다.

yuli_kim

velog.io

디자인 패턴 _ 유형별 정리!

개발자들을 위한 블로그 서비스. 어디서 글 쓸지 고민하지 말고 벨로그에서 시작하세요.

yuli_kim

velog.io

UML의 개요

UML의 주요 다이어그램은 세 종류로 나뉜다.

정적 다이어그램 : 클래스, 객체 데이터구조와 이것들의 관계를 그림으로 표현해서 소프트웨어 요소에서 변하지 않는 논리적 구조를 보여준다.
동적 다이어그램 : 실행 흐름을 그림을 그리거라 실체의 상태가 어떻게 바뀌는지 그림으로 표현해서 소프트웨어 안의 실체가 실행 도중 어떻게 변하는지 보여준다.
물리적 다이어그

yuli_kim

velog.io

Python 파이썬 기초

ref : OREILLY의 "처음 시작하는 파이썬" 을 참고하여 요약하고자 한다.

튜플은 불변(immutable)한다. 이는 튜플에 항목을 할당하고 나서 이를 수정 할 수 없다.
리스트는 변경가능(mutable)한다. 항목을 할당하고, 자유롭게 수정하거나 삭제 할 수 있다.

yuli_kim

velog.io

PHP 기초문법

안녕하세요~
오늘부터 Modern PHP의 기본 문법을 벨로그를 통하여 기록하려 합니다.
책을 통하여 공부한 내용을 기록하는 점 알아주세요 :)

yuli_kim

velog.io

Laravel 라라벨 시작강의!

개발자들을 위한 블로그 서비스. 어디서 글 쓸지 고민하지 말고 벨로그에서 시작하세요.

yuli_kim

velog.io

React Hooks 목록!

함수형 & 클래스형 컴포넌트
리액트에서 컴포넌트 생성 방식은 클래스형, 함수형 2가지로 나뉜다. 리액트 초기 클래스형의 컴포넌트만 지원되다 리액트 16.8 버전이후 Hooks이란 이름으로 함수형 컴포넌트 생성방식이 정식 채용되었고, 가벼움 & 단순하진 문법(this.state...this.props...의 굴레)으로 클래스형 보다 더 많은 사랑을 받는 중이

yuli_kim

velog.io

NODE.JS 기본개념으로 시작하기!

node.js
nodejs.org 사이트에서 다운로드 & 설치
node.js를 설치하면 npm(node package manager)이 자동으로 설치되니 npm 설치하러 찾아 다닐 필요가 없다.

yuli_kim

velog.io

[React] Styled Components 리액트 스타일 컴포넌트

Styled Components?
CSS나 SASS같이 class, id, tag name를 가져와 쓰지 않고, 스타일 지정된 컴포넌트 생성하여 Tag 쓰듯 스타일컴포넌트를 쓰는 것을 말한다. 즉, 리액트에서 ui단위를 나누어 컴포넌트화 하듯, 스타일을 컴포넌트화 하여 재사용이 가능하며 전역에서 중첩 사용되지 않게 (컴포넌트 자체에서만 적용됨) 만들어준다.

yuli_kim

velog.io

CSS 조금 더! 공부해보자! (중급)

1. CSS에서 HTML불러오기
: 태그명 + {스타일} 의 형태로 불러올 수 있다.
스타일의 위치에 해당 태그를 꾸며줄 수 있는 태그를 넣을 수 있다.

1) ID 불러오기 : #

yuli_kim

velog.io

JavaScript(ES6)

Destructured Assignment
우리는 데이터를 주로 객체에서 키-값 페어를 추출해서 변수에 저장해서 쓰곤 한다.
이 방법을 ES6를 통해 조금 더 쉽게 얻을 수 있다.

yuli_kim

velog.io

웹개발에서의 브라우저!

랜더링이란?
HTML, CSS, JS 등을 브라우저에 출력하는 과정
브라우저마다 사용하는 랜더링 엔진이 다름
크롬 : 사파리의 웹킷 포크뜬거 블링크
파폭 : 게코
사파리 : 웹킷

yuli_kim

velog.io

IOS 프로그래밍

테이블 뷰란?
리스트 형태를 지니고 있어 스크롤이 가능해 많은 정보를 보여 줄 수 있습니다.
테이블 뷰 기본 형태
하나의 열, 여러줄의 행 수직으로만 스크롤 가능하다
각 행은 하나의 셀에 대응한다
섹션을 이용해 행을 시각적으로 나눌 수 있다.
헤더와 푸터에 이미지나 텍스트를 추가해 추가정보를 보여줄 수 있다

yuli_kim