Jekyll을 사용하여 GitHub Pages 만들기 (updated: 2024.05.19)

------------0. ConceptJekyll은 GitHub Pages 및 간소화된 빌드 프로세스를 기본적으로 지원하는 정적 사이트 생성기이다.Jekyll은 Markdown 및 HTML 파일을 가져와 선택한 레이아웃에 따라 완전한 정적 웹 사이트를 만듭니다. Jekyll은 사이트에 동적 콘텐츠를 로드하는 템플릿 언어인 Markdown 및 Liquid를 지원한다. Git 설치다운로드(https://www.git-scm.com/downloads) 후 설치// git 설치여부 확인> git --version git version 2.40.1.window// 로컬에 Git repository 생성> git init [repositoryname] 1. Installing Ruby and Jekyllhttps..
Web Programming 2024. 5. 19. 12:15

React.js, 2024

■ 용어NPM(Node Package Manager)Vite(비트): 차세대 프런트엔드 개발 툴. webpack에 비해 빠르다. Node.js는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임(실행환경,구동기)이다 - Run JavaScript Everywhere.  ■ 개념1. 웹브라우저의 렌더링 과정(Critical Rendering Path)DOM(Document Object Model), CSSOM(CSS Object Model) 2. class형 Component의 Lifecycle  ■ Node.jsNode.js는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임(실행환경,구동기)이다 - Run JavaScript Everywher..
Script Language 2024. 5. 10. 14:54

JavaScript(ES6)+jQuery, 2024

Bookmarks■ Refreences■ Extensions & Plugins■ jQuery vs Javascript■ ES69-1. Truthy & Falsy9-2. 단락평가(Short-Circuit Evaluation)10.구조분해 할당(destructuring assignment)11. 스프레드 연산자(spread operator)와 Rest 매개변수[...: 연결자 or 값으로써]12-1.배열&객체 순회(Iteration): for of, for in12-2.배열 요소조작: push/unshift, pop/shift, slice, concat12-3.배열 탐색, 배열 변형: forEach, includes, indexOf, findIndex, find12-4. 배열 변형: filter, map, ..
Web Programming 2024. 3. 25. 22:02

[용어] Cloud (updated: 2024.03)

CI/CD(Continuous Integration/Continuous Delivery,지속적 통합/배포): 애플리케이션 개발 단계를 자동화하여 애플리케이션을 더욱 짧은 주기로 고객에게 제공하는 방법입니다. CI/CD의 기본 개념은 지속적인 통합, 지속적인 서비스 제공, 지속적인 배포입니다. CI/CD는 새로운 코드 통합으로 인해 개발 및 운영팀에 발생하는 문제(일명 "통합 지옥(integration hell)")를 해결하기 위한 솔루션입니다. (상세설명: https://artist-developer.tistory.com/24)NSG(Network Security Group, 네트워크 보안 그룹)NIC(Network Interface Card)CORS(Cross-Origin Resource Sharing..
Cloud 2023. 7. 10. 13:12

Asure(애저), MS의 클라우드 플랫폼

제공되는 서비스 범위에 따라 아래와 같은 모델로 나뉜다. 인프라 영역 = Networking(네트워크망) ~ Virtualization(가상화) 플랫폼 영역 = O/S ~ Runtime S/W 영역 = Data ~ Applications * 자료출처 : https://dev.to/cloudtech/iaas-vs-paas-vs-saas-41d2 * 좌측부터: On-premise(온-프라미스) | Iaas(이아스) | Paas(파스) | Saas(사스) * Middleware: 웹 서버, DBMS, DNS(service-domain 연결) 등 * Runtime: .NET, java, pythone, Node.js 등 * 웹 개발에서는 주로 IaaS(Virtual Machine), PaaS 활용(∵인프라 관리..
Cloud 2023. 6. 8. 15:43

[HTML+CSS+Front] Snippet+Tools 모음 (updated: 2024.04.17)

HTTP API ■ HTTP Status Dogs : https://http.dog/ HTTP Status Code별 강아지 이미지 제공 :) HTTP Status Dogs API - A dog image for every HTTP Status Code A free HTTP status code API with lots and lots of awesome dogs! Use it to show useful error messages in your website for HTTP response status codes. Support for AVIF, JXL, JPG, WEBP and JSON. http.dog 웹에서 프론트 개발 Tools ■ 스택블리츠: https://stackblitz.com/?start..
HTML&CSS 2023. 5. 25. 16:58

2023년, 다시 보는 Java 1.8 이후 ..(정리중)

오랜만에 Java를 다시 보니 다소 추가된 기능들이 있는듯하다. 정리하자! 계속되는 Java 업데이트 따라가기 JDK는 계속 업데이트 되고 있는데 어찌 따라가야하는가? 볼때마다 무언가 다른듯아닌듯 다르다! 버전별 지원(Security Support) 기간 확인하기 개발환경 설정시 버전 뭐 쓰지? 할때 참고하자! 일단 LTS(Long Term Support)가 붙은 버전이 우선적으로 선택할 버전인걸로~ JDK 8은 2030년 12월 31일, JDK 11은 2026년 9월 30일, JDK 17은 2029년 9월 30일 Java/OpenJDK Check end-of-life, release policy and support schedule for Java/OpenJDK. endoflife.date 버전별 업데..
Java Programming 2023. 5. 16. 11:23

eclipse 사용Tip

♣ 이클립스 자주쓰는 단축키 참고: [IDE] 이클립스(Eclipse) 단축키 총정리 ♣ 내 스타일대로 텍스트 검색키 설정하기 메뉴: Window > Prefrences > General / Keys type filter text: find ① Find Text in Project = Ctrl+Alt+F ② Find Next = F3 ③ Find Previous = Shift+F3 ♣ SVN 사용팁 (Team Sync.) 기본 사용법 1) Synchronize SVN ☞ Java EE 워크스페이스 - 팝업:Team > Synchronize with Repository 2) Team Synchronizing 워크스페이스에서 항목별로 -다운로드/업로드/병합 여부 등을-확인후 팝업메뉴: Update 로컬의 편..
개발도구+환경 2023. 5. 15. 15:23

Python summary (updated: 2024.05.16)

* 토이프로젝트 중 바로바로 알아낸 pythone 사용법 초간단 요약 정리. 목차▼ DateTime with timezone 다루기 input+printn = int(input('prompt:'))print('{0:02d} '.format(n), end='') # 2자리print(f'{n:0 파이썬 예약어 리스트import keywordprint(keyword.kmlist) # ▼output# ['False', 'None', 'True', 'and', 'as', 'assert', 'async', 'await', 'break', 'class', 'continue', 'def', 'del', 'elif', 'else', 'except', 'finally', 'for', 'from', 'global', 'if..
Script Language 2023. 5. 10. 10:17

IT용어(updated: 24.6.20)

웹 표준 관련(HTML3 & CSS3)웹 프로그래밍: HTTP를 활용하여, WWW을 통해 정보를 공유하는 환경을 구현하는 것.HTML5/ Hypertext: 텍스트, 이미지, 영상 같은 문서의 개체가 서로 연결되어 있는 것HTML5/ Markup Language: tag를 이용하여 문서나 데이터의 구조를 명시하는 언어.CSS3/ Cascading: 우선 순위에 따라 적용하는 것.HTML5/Sementics Tag(시맨틱 태그, 의미를 부여한 태그):  '사람'과 '기계(브라우저)' 양측에 명확하게 의미 공유. 개인식별CI와 DI: CI는 사람별로 고유한 온라인주민번호/DI는 사람+사이트별로 고유한 사이트주민번호https://jeeeeehnmin.tistory.com/entry/설계를-해보자-CI와-DI
용어·개념 2023. 4. 26. 18:28