Vuetify에서 Icon 설정과 활용
Vuetify에서 Icon 설정과 활용
Posts by Category
- vuejs 7
- MDS 7
- spring 7
- vuejs - performance 6
- web 5
- openbabel 5
- molecule dynimics system 5
- vuejs - 전문가 처럼 테스트하기 5
- java 5
- vuejs - 나만의 Vue.js 라우터 만들기 4
- git 4
- vue3 4
- dgs 3
- graphql 3
- vuepress 2
- github 2
- gitlab 2
- devops 2
- docker 2
- chemdoodle 1
- swift 1
- rdkit 1
- code complete 1
- tools 1
- tips 1
- jekyll 1
- markdown 1
- jira 1
- node 1
- yarn 1
- code-generate 1
- bom 1
- postgresql 1
- environment 1
- streams 1
- frontend 1
- framework 1
- astro 1
vuejs
Nuxt.js에서 외부 스크립트를 로드하는 방법
Nuxt.js에서 외부 스크립트를 로드하는 방법
VueJS 컴포넌트 구조화 하기
VueJS 컴포넌트 구조화 하기 Written by Alex Jover Morales
Async Vue.js Components
Async Vue.js Components 애플리케이션이 성장함에 따라 더 빠르게 만들기 위해 성능 패턴을 찾기 시작합니다. 도중에 필요할 때까지 코드 청크의 로딩을 연기함으로써 초기 번들을 더 작게 만드는 코드 분할과 지연 로딩을 발견하게 될 것입니다.
Intersection Observer API를 사용하여 무한 스크롤 구성 요소 빌드
Intersection Observer API를 사용하여 무한 스크롤 구성 요소 빌드 https://vueschool.io/articles/vuejs-tutorials/build-an-infinite-scroll-component-using-intersection-observ...
Vue.js 애플리케이션에 SASS를 전역적으로 로드하기
Vue.js 애플리케이션에 SASS를 전역적으로 로드 https://vueschool.io/articles/vuejs-tutorials/globally-load-sass-into-your-vue-js-applications/ Written by Alex Jover Morale...
vue-moment 적용 및 사용 방법
vuejs 에서 moment를 사용 하는 방법 vue-moment
MDS
제 1장 RDKit 설치
https://www.rdkit.org/docs/Install.html#optional-packages
04 - Open Babel 그래픽 사용자 인터페이스
obabel 명령 행(Command Line) 프로그램은 화학 물질 (현재 분자 또는 반응)을 한 파일 형식에서 다른 파일 형식으로 변환합니다. Open Babel GUI (그래픽 사용자 인터페이스)는 명령 줄을 사용하는 대신 사용할 수있는 기능이며 기능이 동일합니다. Open B...
12 - 지원되는 파일 형식 및 옵션
화학자들은 매우 상상력이 풍부한 그룹입니다. 그들은 새로운 파일 형식을 계속 생각합니다.
03 - 화학 데이터 변환, 필터링 및 조작
obabel 및 babel 은 분자 모델링 및 계산 화학 및 관련 영역에서 사용되는 많은 파일 형식간에 상호 변환하도록 설계된 크로스 플랫폼 프로그램입니다. 분자 필터링 및 화학 데이터의 간단한 조작에도 사용할 수 있습니다.
02 - Open Babel 설치
Open Babel은 Windows, Linux 및 MacOSX에서 실행됩니다. 바이너리 패키지 설치 (가장 쉬운 옵션) 또는 Open Babel 컴파일 (쉽지만 훨씬 더 괴짜들의 신용이 있습니다).
01 - Open Babel 소개
Open Babel은 다양한 언어의 화학 데이터를 사용하도록 설계된 화학 도구 상자입니다. 분자 모델링, 화학, 고체 물질, 생화학 또는 관련 분야의 데이터를 누구나 검색, 변환, 분석 또는 저장할 수있는 개방형 협업 프로젝트입니다..
ChemDoodleWebComponent 문서 한글 번역
이 문서는 원본 문서의 원문과 함께 번역을 서술한 글입니다.
spring
Spring Security Architecture
Spring 보안 아키텍처
Spring REST API + OAuth2 + Angular
방금 새로운 Learn Spring Security 강좌를 발표했는데, 여기에는 Spring Security 5의 새로운 OAuth2 스택에 초점을 맞춘 전체 자료가 포함되어 있습니다.
Spring Boot and OAuth2
Spring Boot and OAuth2 이 가이드에서는 OAuth 2.0과 Spring Boot를 사용하여 “소셜 로그인”으로 다양한 작업을 수행하는 샘플 앱을 빌드하는 방법을 설명합니다. 간단한 단일 공급자 싱글 사인 온으로 시작하여 인증 공급자를 선택할 수 있는 클라이언트...
Restdocs를 사용하여 API 문서 만들기
Restdocs를 사용하여 API 문서 만들기 이 가이드는 Spring 애플리케이션에서 HTTP 엔드포인트에 대한 문서를 생성하는 프로세스를 안내합니다. 구축할 내용 API를 노출하는 몇 가지 HTTP 엔드포인트가 있는 간단한 Spring 애플리케이션을 빌드합니다. JUnit...
Using the Platform BOM
플랫폼 BOM 사용하기
Start DGS Framework
스프링 부트 응용 프로그램 만들기
vuejs - performance
06-Nuxt SSR 최적화 팁
Nuxt SSR 최적화 팁
05-브라우저 캐시 마스터하기
브라우저 캐시 마스터하기
04-third-party 라이브러리 최적화
third-party 라이브러리 최적화 Part 4 of 6 in our Vue.js Performance series. Written by Filip Rakowski
03-개별 Vue 구성 요소 지연 로드와 미리 가져오기
개별 Vue 구성 요소 지연 로드와 미리 가져오기 Part 3 of 6 in our Vue.js Performance series. Written by Filip Rakowski
02-VueJS Router Performance
VueJS Router Performance Part 2 of 6 in our Vue.js Performance series. Written by Filip Rakowski
01-Vue.js의 지연 로딩 및 코드 분할
Vue.js의 지연 로딩 및 코드 분할 Part 1 of 6 in our Vue.js Performance series. Written by Filip Rakowski
web
Division is deprecated
Division is deprecated
프런트 엔드의 명명 규칙
프런트 엔드의 명명 규칙 There are only two hard things in Computer Science: Cache invalidation and naming things. 컴퓨터 과학에는 캐시 무효화와 이름 지정이라는 두 가지 어려운 일이 있습니다. — Phil...
가장 일반적인 7가지 웹사이트 에러 메시지
가장 일반적인 7가지 웹사이트 에러 메시지 https://www.siteuptime.com/blog/2018/06/15/seven-common-website-error-messages/
FontAwesome 사용법
폰트어썸 사용 방법
highlight-js 사용방법
highlight.js 문법강조 이용하는 방법
openbabel
04 - Open Babel 그래픽 사용자 인터페이스
obabel 명령 행(Command Line) 프로그램은 화학 물질 (현재 분자 또는 반응)을 한 파일 형식에서 다른 파일 형식으로 변환합니다. Open Babel GUI (그래픽 사용자 인터페이스)는 명령 줄을 사용하는 대신 사용할 수있는 기능이며 기능이 동일합니다. Open B...
12 - 지원되는 파일 형식 및 옵션
화학자들은 매우 상상력이 풍부한 그룹입니다. 그들은 새로운 파일 형식을 계속 생각합니다.
03 - 화학 데이터 변환, 필터링 및 조작
obabel 및 babel 은 분자 모델링 및 계산 화학 및 관련 영역에서 사용되는 많은 파일 형식간에 상호 변환하도록 설계된 크로스 플랫폼 프로그램입니다. 분자 필터링 및 화학 데이터의 간단한 조작에도 사용할 수 있습니다.
02 - Open Babel 설치
Open Babel은 Windows, Linux 및 MacOSX에서 실행됩니다. 바이너리 패키지 설치 (가장 쉬운 옵션) 또는 Open Babel 컴파일 (쉽지만 훨씬 더 괴짜들의 신용이 있습니다).
01 - Open Babel 소개
Open Babel은 다양한 언어의 화학 데이터를 사용하도록 설계된 화학 도구 상자입니다. 분자 모델링, 화학, 고체 물질, 생화학 또는 관련 분야의 데이터를 누구나 검색, 변환, 분석 또는 저장할 수있는 개방형 협업 프로젝트입니다..
molecule dynimics system
04 - Open Babel 그래픽 사용자 인터페이스
obabel 명령 행(Command Line) 프로그램은 화학 물질 (현재 분자 또는 반응)을 한 파일 형식에서 다른 파일 형식으로 변환합니다. Open Babel GUI (그래픽 사용자 인터페이스)는 명령 줄을 사용하는 대신 사용할 수있는 기능이며 기능이 동일합니다. Open B...
12 - 지원되는 파일 형식 및 옵션
화학자들은 매우 상상력이 풍부한 그룹입니다. 그들은 새로운 파일 형식을 계속 생각합니다.
03 - 화학 데이터 변환, 필터링 및 조작
obabel 및 babel 은 분자 모델링 및 계산 화학 및 관련 영역에서 사용되는 많은 파일 형식간에 상호 변환하도록 설계된 크로스 플랫폼 프로그램입니다. 분자 필터링 및 화학 데이터의 간단한 조작에도 사용할 수 있습니다.
02 - Open Babel 설치
Open Babel은 Windows, Linux 및 MacOSX에서 실행됩니다. 바이너리 패키지 설치 (가장 쉬운 옵션) 또는 Open Babel 컴파일 (쉽지만 훨씬 더 괴짜들의 신용이 있습니다).
01 - Open Babel 소개
Open Babel은 다양한 언어의 화학 데이터를 사용하도록 설계된 화학 도구 상자입니다. 분자 모델링, 화학, 고체 물질, 생화학 또는 관련 분야의 데이터를 누구나 검색, 변환, 분석 또는 저장할 수있는 개방형 협업 프로젝트입니다..
vuejs - 전문가 처럼 테스트하기
5 - Vue component 테스트
5장 Vue component 테스트 Written by Alex Jover Morales
4 - 스냅샷 테스트
4장 스냅샷 테스트 Written by Alex Jover Morales
3 - 테스트 더블
3장 테스트 더블 Written by Alex Jover Morales
2 - JavaScript에서 테스트
2장 JavaScript에서 테스트 Written by Alex Jover Morales
1 - 테스트란 무엇이며 왜 테스트를 수행해야 합니까?
1장 테스트란 무엇이며 왜 테스트를 수행해야 합니까? Written by Alex Jover Morales
java
Java 8 Streams 소개
Introduction to Java 8 Streams 원문: Introduction to Java 8 Streams 1. Overview 이 글에서는 Java 8에 추가된 새로운 기능 중 주요 기능 중 하나인 스트림에 대해 간략히 살펴보겠습니다. 스트림에 대해 설명하고 간...
Spring Security Architecture
Spring 보안 아키텍처
Spring REST API + OAuth2 + Angular
방금 새로운 Learn Spring Security 강좌를 발표했는데, 여기에는 Spring Security 5의 새로운 OAuth2 스택에 초점을 맞춘 전체 자료가 포함되어 있습니다.
Spring Boot and OAuth2
Spring Boot and OAuth2 이 가이드에서는 OAuth 2.0과 Spring Boot를 사용하여 “소셜 로그인”으로 다양한 작업을 수행하는 샘플 앱을 빌드하는 방법을 설명합니다. 간단한 단일 공급자 싱글 사인 온으로 시작하여 인증 공급자를 선택할 수 있는 클라이언트...
Restdocs를 사용하여 API 문서 만들기
Restdocs를 사용하여 API 문서 만들기 이 가이드는 Spring 애플리케이션에서 HTTP 엔드포인트에 대한 문서를 생성하는 프로세스를 안내합니다. 구축할 내용 API를 노출하는 몇 가지 HTTP 엔드포인트가 있는 간단한 Spring 애플리케이션을 빌드합니다. JUnit...
vuejs - 나만의 Vue.js 라우터 만들기
제 4장 라우터를 Vue.js 플러그인으로 만들기
4. 라우터를 Vue.js 플러그인으로 만들기 나만의 라우터 만들기 시리즈 의 4부 중 4부 알렉스 조버 모랄레스씀
제 3장 Lazy load routes
3. Lazy load routes 나만의 라우터 만들기 시리즈 의 4부 중 3부 알렉스 조버 모랄레스씀
제 2장 SPA로 작동하도록 라우터 개선
2. SPA로 작동하도록 라우터 개선 나만의 라우터 만들기 시리즈 의 4부 중 2부 알렉스 조버 모랄레스씀
제 1장 나만의 Vue.js 라우터 만들기
1. 나만의 Vue.js 라우터 만들기 나만의 라우터 만들기 시리즈 의 4부 중 1부 알렉스 조버 모랄레스씀
git
커밋 메시지를 지라에 연동하기
내부망 GitLab-ee 와 Jira 연동하기
GitHub Flow
원문 : GitHub Flow by Scott Chacon (Github 공동 창업자 및 GitHub 에발젤리스트)
GitLab Flow 모범 사례
GitLab Flow 모범 사례
Github Token Authentication
Github Token Authentication 2021년 8월 14일 아침. 아무 생각 없이 터미널을 띄워 놓고 git pull 명령을 입력했다. 그러자 “두둥! 탁!”
vue3
Vue 3의 새로운 기능 - Suspense
Vue 3의 새로운 기능 - Suspense
Vue 3의 흥미로운 새 기능
Vue 3의 흥미로운 새 기능
Vue3로 더 빠른 웹 애플리케이션
Vue3로 더 빠른 웹 애플리케이션
사람들이 Vue3 에 화난 이유
사람들이 Vue 3 에 화난 이유 Written by Alex Kyriakidis
dgs
Using the Platform BOM
플랫폼 BOM 사용하기
Start DGS Framework
스프링 부트 응용 프로그램 만들기
graphql
Using the Platform BOM
플랫폼 BOM 사용하기
Start DGS Framework
스프링 부트 응용 프로그램 만들기
vuepress
error vuepress-plugin-sitemap apply generated failed
error vuepress-plugin-sitemap apply generated failed vuepress update를 하던 도중 아래와 같은 오류를 만났습니다.
Hello VuePress in Mac OS
Install Yarn
github
Kramdown Syntax (jekyll 마크다운 문법)
Kramdown Syntax
Github Token Authentication
Github Token Authentication 2021년 8월 14일 아침. 아무 생각 없이 터미널을 띄워 놓고 git pull 명령을 입력했다. 그러자 “두둥! 탁!”
gitlab
도커 네트워크 사용하기
Docker 네트워크 사용법
spring-boot 도커로 배포하기
GitLab runner 를 통해 도커로 자동 배포 설정하기 gitlab CI/CD 기능을 통한 자동 배포를 활용하는 방법중 자동으로 도커배포 하는 방법을 남겨 놓는다.
devops
도커 네트워크 사용하기
Docker 네트워크 사용법
spring-boot 도커로 배포하기
GitLab runner 를 통해 도커로 자동 배포 설정하기 gitlab CI/CD 기능을 통한 자동 배포를 활용하는 방법중 자동으로 도커배포 하는 방법을 남겨 놓는다.
docker
도커 네트워크 사용하기
Docker 네트워크 사용법
PostgreSQL Docker 설정
PostgreSQL Docker 설정 docker를 이용해 postgresql 서버를 새로 설치하고 사용하기 위한 간편 설정을 정리했다.
chemdoodle
ChemDoodleWebComponent 문서 한글 번역
이 문서는 원본 문서의 원문과 함께 번역을 서술한 글입니다.
swift
Swift 개발 톱아보기 - Introduction
코딩을 배울 때 기술 언어만 배우는 것이 아닙니다. 당신은 생각하고 아이디어를 실현하는 새로운 방법을 배우고 있습니다. 또한 강력하고 직관적이며 배우기 쉬운 Apple의 프로그래밍 언어인 Swift로 코딩하면 재미있고 매력적인 방법으로 미래를 준비할 수 있습니다. 누구나 세상을 바...
rdkit
제 1장 RDKit 설치
https://www.rdkit.org/docs/Install.html#optional-packages
code complete
아키텍쳐 체크 리스트
아키텍쳐 체크 리스트
tools
pandoc 으로 파일 컨버트하기
Pandoc 사용하여 파일 컨버트
tips
Learning how to learn
Learning how to learn
jekyll
Kramdown Syntax (jekyll 마크다운 문법)
Kramdown Syntax
markdown
Kramdown Syntax (jekyll 마크다운 문법)
Kramdown Syntax
jira
커밋 메시지를 지라에 연동하기
내부망 GitLab-ee 와 Jira 연동하기
node
Windows 에서 yarn 실행시 오류
이 오류는 윈도우 11 버전으로 업그레이드 후에 nvm과 node를 설치한 후 나타난 오류이다. CommandNotFoundException yarn 명령을 실행하면 다음과 같은 오류가 나타난다. yarn : 'yarn' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할...
yarn
Windows 에서 yarn 실행시 오류
이 오류는 윈도우 11 버전으로 업그레이드 후에 nvm과 node를 설치한 후 나타난 오류이다. CommandNotFoundException yarn 명령을 실행하면 다음과 같은 오류가 나타난다. yarn : 'yarn' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할...
code-generate
맨 위로 이동 ↑bom
Using the Platform BOM
플랫폼 BOM 사용하기
postgresql
PostgreSQL Docker 설정
PostgreSQL Docker 설정 docker를 이용해 postgresql 서버를 새로 설치하고 사용하기 위한 간편 설정을 정리했다.
environment
PostgreSQL Docker 설정
PostgreSQL Docker 설정 docker를 이용해 postgresql 서버를 새로 설치하고 사용하기 위한 간편 설정을 정리했다.
streams
Java 8 Streams 소개
Introduction to Java 8 Streams 원문: Introduction to Java 8 Streams 1. Overview 이 글에서는 Java 8에 추가된 새로운 기능 중 주요 기능 중 하나인 스트림에 대해 간략히 살펴보겠습니다. 스트림에 대해 설명하고 간...
frontend
왜 아스트로인가?
원본 출처 : https://docs.astro.build/en/concepts/why-astro/
framework
왜 아스트로인가?
원본 출처 : https://docs.astro.build/en/concepts/why-astro/
astro
왜 아스트로인가?
원본 출처 : https://docs.astro.build/en/concepts/why-astro/