NEWEST MAC | 맥 디스크 유틸리티 포맷방식, 보안옵션 맥을 사용하다 보면 하드 파티션을 나누거나 외장하드를 포맷하는 경우가 생깁니다. 맥은 디스크 유틸리티를 통해 모든 것을 할 수 있습니다. Spotlight에서 디스크 유틸리티를 실행합니다. 목차 포맷 방식 파일 시스템맥용 디스크 유틸리티에서 사용 가능한 파일 시스템 포맷에 대해 먼저 살펴보겠습니다. APFS (Apple 파일시스템) - macOS 10.13 및 이후 버전에서 사용되는 파일 시스템입니다. 플래시 / SSD 저장 장치에 최적화되어 있습니다. Mac OS 확장 - 맥에서만 호환되는 방식으로 macOS 10.12및 이전 버전에서 사용되는 파일시스템입니다. 맥에서만 외장하드를 쓸 때 이 포맷방식을 선택하세요.Mac OS 확장 (저널링) - 계층 구조 파일 시스템의 무결성을 보호할 수 있.. 2025.04.11 Git | VScode 와 깃허브 (Github) 쉽게 연동하기 VScode로 깃허브에 연동하는 방법을 쉽게 따라하실수 있게 순차적으로 설명드리겠습니다. 목차 VScode - Git 설치 VScode - Github1. Visual Studio Code가 설치합니다. Visual Studio Code - Code Editing. Redefined2. Github 계정 만들기 Sign up to GitHub · GitHub Git 설치Git이 이미 설치되어 있다면 다음으로 넘어가셔도 됩니다. 1. Git 홈페이지에서 운영체제에 맞는 버전을 다운로드 합니다. Git - Downloads2. 설치를 시작합니다. 설정하는 부분이 많이 나오는데 일반적인 Git 사용을 하신다면 따로 설정을 바꿀 필요는 없습니다. 'Next'를 눌러 설치를 계속합니다. Git 설정1. 명령 .. 2025.04.09 Git | 깃허브 (Github) 기초 용어 및 개념 분산형 버전 관리 시스템인 Git과 Git의 저장소인 Github에 대해 기초적인 용어들과 그 용어들을 설명하면서 git에 대해 개념을 잡아보도록 하겠습니다. 목차 깃 (Git) 소개 Git이란 소스를 효율적으로 관리하기 위해 개발된 분산형 버전 관리 시스템 으로 분산형이란 여러 사람이 작업 가능하고 소스가 수정, 추가 될 때마다 버전을 저장할 수 있다는 말입니다. Git 의 기능을 활용하기 위해서 git 저장소 (git repository) 가 필요하고 대표적인 무료 git 저장소가 바로 Github 입니다. 깃허브 (Github) 위치가장 기본적인 파일의 흐름은 워크스페이스에서 원격저장소로 소스를 올리는 과정입니다. 워크스페이스 - 내 PC에서 작업한 파일이 바로 저장되는 장소 .. 2025.04.07 인텔리제이 (IntelliJ) 설치 및 기본 사용법 인텔리제이 아이디어는 JetBrains 사에서 2001년에 개발되어 자바 개발에 이클립스보다 많이 쓰이는 통합 개발 환경입니다. 목차 인텔리제이 다운로드 및 설치 다운로드 IntelliJ IDEA는 무료 버전인 커뮤니티 에디션 과 유료 버전인 얼티밋 에디션 으로 나뉩니다. 다운로드는 아래 링크에서 받을 수 있습니다. IntelliJ IDEA 다운로드 1. Community Edition - 아파치 라이선스를 따라 오픈 소스로 배포되며 웹 개발을 포함한 여러 기능들이 제한됩니다.2. Ultimate - 월 $18.95에 구독할 수 있습니다. 커뮤니티 에디션과 차이는 스프링부트, 데이터베이스, 쿠버네티스, UI관련 기능들이 얼티밋 버전에서 지원됩니다. 설치커뮤니티 에디션을 선택하고 윈도우 버전을 .. 2025.04.04 이클립스 다운로드 및 설치, 스프링부트 개발 환경 설정 이클립스는 다양한 언어를 지원하는 통합 개발 환경 (IDE)입니다. 이클립스를 다운로드하고 설치한 뒤 설정하는 방법까지 쉽게 설명드리겠습니다. 목차 이클립스 다운로드 및 설치 다운로드Eclipse Downloads | The Eclipse Foundation Eclipse Downloads | The Eclipse FoundationThe Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 415 open source projects, including runtimes, tools and frameworks.www.eclipse.org 1. 이클립스 공식 웹사이트에 접속하면 최신 버전을 다운로드 할.. 2025.04.02 이클립스 (Eclipse) 기본 사용법과 퍼스펙티브 이클립스의 기본 UI 화면과 프로젝트, 패키지, 클래스를 생성하고 실행하는 방법을 설명드립니다. 추가로 퍼스펙티브 사용법에 대해 쉽게 설명드리겠습니다. 목차 이클립스 기초 UI (User Interface)1. 패키지 탐색기 - 프로젝트, 패키지, 클래스 등 소스를 관리2. 코딩 영역 - 소스 코드를 실제 작성할 수 있는 영역3. 콘솔 - 실행 결과 및 로그를 보여주는 창4. Outline - 프로젝트의 구성을 시각적으로 보여줘 필요한 부분을 빠르게 찾을 수 있게 도와주는 도구 프로젝트 생성1. 패키지 탐색기에서 우클릭 New - Java Project 를 선택합니다.2. 프로젝트명을 입력하고 Finish 버튼을 눌러 프로젝트를 생성합니다.3. "User default location" 체크 시 .. 2025.03.31 스프링 부트 웹 애플리케이션 구조와 빌드 도구 스프링 부트 웹 애플리케이션의 폴더 구조를 살펴보고 빌드 도구인 Maven과 Gradle의 역할과 구조에 대해 쉽게 설명드리겠습니다. 목차 스프링 부트 폴더 구조 main실제 코드를 작성하는 폴더로 프로젝트 실행에 필요한 모든 소스와 리소스 파일이 이 폴더 안에 위치합니다. 1. java - 자바 소스 코드가 들어가는 폴더로 애플리케이션의 패키지 구조에 맞게 클래스 파일이 위치합니다.2. resource - 리소스 파일 (설정 파일, HTML, CSS, 이미지 등) 이 위치하는 폴더.application.propertiesapplication.xml템플릿 엔진 파일 : Thymeleaf 템플릿 등static : 웹 애플리케이션의 정적 리소스(CSS, JavaScript, 이미지 파일) 를 담.. 2025.03.27 유튜브 프리미엄 결제 수단 (문화누리카드) 유튜브 프리미엄 구독을 문화누리카드로 결제하는 방법을 설명드리겠습니다. 더붙여서 가족명의나 다른 사람의 카드로도 결제가 가능한지 알아보겠습니다. 목차 유튜브 프리미엄 혜택1. 광고 없이 동영상을 감상할 수 있습니다.2. 동영상을 다운로드 하여 오프라인에서 시청 가능합니다.3. 유튜브 뮤직과 연동으로 음악 스트리밍 서비스를 재생합니다.4. 백그라운드 재생이 가능합니다. 가격정책▶ PC / 안드로이드 - 월 14,900원▶ 애플 - 월 19,500원 비싸요. 다른 OTT에 비해서 비쌉니다. 애플은 앱스토어 결제 수수료 때문에 더 많은 돈을 지불해야합니다. 나라에 따라 차별되는 정책때문에 VPN을 통해 다른 나라로 가입해서 결제하는 방법이 한 때 통했지만 현재는 현지 카드로 결제해야만 가능하다고 합니다. .. 2025.03.24 샤오미 레드미 워치 5 vs 라이트 vs 액티브 차이점 가성비 제품인 샤오미 레드미 워치 모델에 대해 살펴보겠습니다. 각 모델의 가격, 특징, 차이점에 대해 정리해봤습니다. 목차 레드미 워치 5레드미워치 다른 모델과 차이점은 크라운이 있다는 것과 디스플레이가 크고 화질이 좋다는 것입니다. 소개1. 가격 - 129,800원 (컬러 - 라벤더 퍼플 / 실버 그레이 / 옵시디언 블랙)2. 디스플레이 - 2.07" AMOLED / 432 x 514 해상도 / 최대 1,500니트 밝기3. 배터리 - 최대 24일, 550mAh4. 통화 - 블루투스 통화 지원5. GPS - 내장 5 시스템 GPS6. 방수 - 5ATM 등급의 방수로 5기압(최대 50m) 깊이의 수압을 버틸 수 있습니다.7. 사운드 - 음악 파일 저장 지원, 음성 녹음 지원8. 기타초슬림 베잴스테인리.. 2025.03.20 스프링 툴 스위트 (STS : Spring Tool Suite) 소개 스프링 개발 환경인 스프링 툴 스위트를 소개합니다. 주요 기능에 대해 살펴보고 다운로드 설치 방법까지 말씀드리겠습니다. 목차 스프링 툴 스위트먼저, 스프링 프레임워크와 스프링 부트에 대해 간단하게 되짚어 보겠습니다. 스프링 프레임워크 / 스프링 부트1. 스프링 프레임워크 - 자바 엔터프라이즈 애플리케이션 개발을 단순화하고 동적인 웹 사이트 애플리케이션을 개발하기 위한 서비스를 제공2. 스프링부트 - 스프링 프레임워크의 개발 프로세스를 한층 더 단순화시켜 스프링 기반 애플리케이션을 쉽게 생성하고 배포하기 위한 모듈입니다. 스프링 툴 스위트 (STS) 란? 스프링 툴 스위트 (STS) 는 스프링 프레임워크를 개발, 관리하는데 특화된 통합 개발 환경(IDE)입니다. 이클립스 기반의 개발 환경인 I.. 2025.03.17 more COMPUTER Git | VScode 와 깃허브 (Github) 쉽게 연동하기 VScode로 깃허브에 연동하는 방법을 쉽게 따라하실수 있게 순차적으로 설명드리겠습니다. 목차 VScode - Git 설치 VScode - Github1. Visual Studio Code가 설치합니다. Visual Studio Code - Code Editing. Redefined2. Github 계정 만들기 Sign up to GitHub · GitHub Git 설치Git이 이미 설치되어 있다면 다음으로 넘어가셔도 됩니다. 1. Git 홈페이지에서 운영체제에 맞는 버전을 다운로드 합니다. Git - Downloads2. 설치를 시작합니다. 설정하는 부분이 많이 나오는데 일반적인 Git 사용을 하신다면 따로 설정을 바꿀 필요는 없습니다. 'Next'를 눌러 설치를 계속합니다. Git 설정1. 명령 .. 댓글 2 2025.04.09 Git | 깃허브 (Github) 기초 용어 및 개념 분산형 버전 관리 시스템인 Git과 Git의 저장소인 Github에 대해 기초적인 용어들과 그 용어들을 설명하면서 git에 대해 개념을 잡아보도록 하겠습니다. 목차 깃 (Git) 소개 Git이란 소스를 효율적으로 관리하기 위해 개발된 분산형 버전 관리 시스템 으로 분산형이란 여러 사람이 작업 가능하고 소스가 수정, 추가 될 때마다 버전을 저장할 수 있다는 말입니다. Git 의 기능을 활용하기 위해서 git 저장소 (git repository) 가 필요하고 대표적인 무료 git 저장소가 바로 Github 입니다. 깃허브 (Github) 위치가장 기본적인 파일의 흐름은 워크스페이스에서 원격저장소로 소스를 올리는 과정입니다. 워크스페이스 - 내 PC에서 작업한 파일이 바로 저장되는 장소 .. 댓글 1 2025.04.07 인텔리제이 (IntelliJ) 설치 및 기본 사용법 인텔리제이 아이디어는 JetBrains 사에서 2001년에 개발되어 자바 개발에 이클립스보다 많이 쓰이는 통합 개발 환경입니다. 목차 인텔리제이 다운로드 및 설치 다운로드 IntelliJ IDEA는 무료 버전인 커뮤니티 에디션 과 유료 버전인 얼티밋 에디션 으로 나뉩니다. 다운로드는 아래 링크에서 받을 수 있습니다. IntelliJ IDEA 다운로드 1. Community Edition - 아파치 라이선스를 따라 오픈 소스로 배포되며 웹 개발을 포함한 여러 기능들이 제한됩니다.2. Ultimate - 월 $18.95에 구독할 수 있습니다. 커뮤니티 에디션과 차이는 스프링부트, 데이터베이스, 쿠버네티스, UI관련 기능들이 얼티밋 버전에서 지원됩니다. 설치커뮤니티 에디션을 선택하고 윈도우 버전을 .. 댓글 1 2025.04.04 이클립스 다운로드 및 설치, 스프링부트 개발 환경 설정 이클립스는 다양한 언어를 지원하는 통합 개발 환경 (IDE)입니다. 이클립스를 다운로드하고 설치한 뒤 설정하는 방법까지 쉽게 설명드리겠습니다. 목차 이클립스 다운로드 및 설치 다운로드Eclipse Downloads | The Eclipse Foundation Eclipse Downloads | The Eclipse FoundationThe Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 415 open source projects, including runtimes, tools and frameworks.www.eclipse.org 1. 이클립스 공식 웹사이트에 접속하면 최신 버전을 다운로드 할.. 댓글 1 2025.04.02 이클립스 (Eclipse) 기본 사용법과 퍼스펙티브 이클립스의 기본 UI 화면과 프로젝트, 패키지, 클래스를 생성하고 실행하는 방법을 설명드립니다. 추가로 퍼스펙티브 사용법에 대해 쉽게 설명드리겠습니다. 목차 이클립스 기초 UI (User Interface)1. 패키지 탐색기 - 프로젝트, 패키지, 클래스 등 소스를 관리2. 코딩 영역 - 소스 코드를 실제 작성할 수 있는 영역3. 콘솔 - 실행 결과 및 로그를 보여주는 창4. Outline - 프로젝트의 구성을 시각적으로 보여줘 필요한 부분을 빠르게 찾을 수 있게 도와주는 도구 프로젝트 생성1. 패키지 탐색기에서 우클릭 New - Java Project 를 선택합니다.2. 프로젝트명을 입력하고 Finish 버튼을 눌러 프로젝트를 생성합니다.3. "User default location" 체크 시 .. 댓글 4 2025.03.31 스프링 툴 스위트 (STS : Spring Tool Suite) 소개 스프링 개발 환경인 스프링 툴 스위트를 소개합니다. 주요 기능에 대해 살펴보고 다운로드 설치 방법까지 말씀드리겠습니다. 목차 스프링 툴 스위트먼저, 스프링 프레임워크와 스프링 부트에 대해 간단하게 되짚어 보겠습니다. 스프링 프레임워크 / 스프링 부트1. 스프링 프레임워크 - 자바 엔터프라이즈 애플리케이션 개발을 단순화하고 동적인 웹 사이트 애플리케이션을 개발하기 위한 서비스를 제공2. 스프링부트 - 스프링 프레임워크의 개발 프로세스를 한층 더 단순화시켜 스프링 기반 애플리케이션을 쉽게 생성하고 배포하기 위한 모듈입니다. 스프링 툴 스위트 (STS) 란? 스프링 툴 스위트 (STS) 는 스프링 프레임워크를 개발, 관리하는데 특화된 통합 개발 환경(IDE)입니다. 이클립스 기반의 개발 환경인 I.. 댓글 2 2025.03.17 ì´ì „ë‹¤ìŒ WEB 유니티 | Unity로 모바일 개발에서 배포까지 과정 유니티로 모바일 앱이나 게임을 개발해 배포하기까지 과정을 한 눈에 볼 수 있게 정리해 드리겠습니다. 스타트업 회사에서 전반적인 흐름을 보시는데 도움이 되지 않을까 싶습니다. 목차 유니티 개발 유니티와 C# ▶ 유니티 - 물리엔진, 사운드엔진, 게임 오브젝트가 톱니바퀴처럼 맞물려 게임을 구동할 수 있게 해주는 개발도구입니다.▶ 언어 - 게임 오브젝트에 컴포넌트를 붙여 기능을 하게 만드는데 필요한 스크립트로 C#을 사용합니다. API어떤 개발이던지 간에 API를 모르고서는 분명 벽에 부딪칩니다. 유니티 개발하면서 필요한 API는 다음과 같습니다. 워낙 방대하다보니 처음에는 큰 틀만 알아두시고 개발하면서 세부적으로 들어가시는 것을 추천합니다. ▶ 닷넷프레임워크 API ▶ 유니티엔진 API 서버 개발 웹서버.. 댓글 112 2024.02.23 유니티 | 기본 개념 (씬, 게임오브젝트, 컴포넌트) 이해하기 게임 엔진 유니티를 공부하는 데 가장 먼저 알아야할 개념들인 씬, 게임 오브젝트, 컴포넌트에 대한 설명을 먼저 해 드리고, 다음으로 그 밖에 중요한 개념과 용어들을 설명드리도록 할게요. 목차 씬 (Scene) 정의유니티에서 씬이란 콘텐츠를 사용해 작업하는 공간입니다. 게임이나 애플리케이션의 전체 또는 일부를 포함하는 에셋으로, 게임을 예로 들면 상점도 하나의 씬이고, 게임 스테이지도 하나의 씬이됩니다. 게임 스테이지를 하나의 씬에서 레벨별로 배경이나 오브젝트나 바꿔서 사용할 수도 있고, 게임 스테이지마다 씬을 만들 수도 있습니다. 게임 오브젝트 정의캐릭터, 아이템, 광원, 카메라, 특수효과까지 게임에 존재하는 모든 오브젝트들이 게임 오브젝트들입니다. 프로퍼티 (Property)게임 오브젝트를 씬에 .. 댓글 104 2023.12.10 유니티 | 설치 및 인터페이스 (v21.3) 유니티는 누구나 쉽게 시작할 수 있는 3D 콘텐츠 제작툴입니다. 진입장벽이 쉽긴 하지만 잘 다루려면 시간이 꽤 오래 걸리는 엔진입니다. 우선 이 글에서는 설치 하는 법과 간략한 인터페이스에 대해 살펴볼게요. 설치 유니티 요금제 개인 (학생 / 퍼스널) - 무료 팀즈 유니티 프로 : 2,550,000원 / 년 유니트 플러스 : 479,990원 / 년 기업 Industrial Collection : 3,687,500원 / 년 유니티 다운로드 유니티 허브 - 에디터 설치, 프로젝트 관리, 학습과 커뮤니티 링크 제공 유니티 버전 2023 베타 / 알파 버전 2021 다운로드 지금 Unity를 다운로드하고 전 세계적으로 가장 큰 인기를 누리는 2D/3D 멀티플랫폼 경험 및 게임 제작용 개발 플랫폼을 사용하세요. .. 댓글 88 2023.09.10 스마트 메이커로 앱 만들기 스마트 메이커 소개 코딩이 필요없이 '노코드'로 앱을 만들 수 있습니다. 이렇게 앱을 만들 수 있는 프로그램은 '앱 인벤터'와 '스마트메이커'가 있어요. 1. 용어 모델 — 아톰 — 참조정보키 — 검색된 데이터를 다른 웹 프로그램 모듈에 있는 특정한 아톰에 넘겨주려 할 때 기준을 설정해 주는 속성 프로그램 둘러보기 1. 운영환경 설정 서버 접속하기 — 데이터베이스 등록 및 관리 기본 실행경로 설정하기 — 2. 등록화면 작성 새로운 작업창 열기 — 파일 - 새로 만들기 선택 - App Model - 빈폼 제목란 만들기 — 저작도구 - 사각형 그리기 - F2 키 - 제목 입력 처리항목 설정하기 — 항목만들기 입력란 설정하기 — 날짜, 이미지 입력란 기능버튼 설정하기 — 테이블정보 생성하기 — 입력한 테이터를.. 댓글 0 2021.06.02 모바일 화면 크기 대응 처리방법 가변그리드 픽셀대신 비율로 처리 #wrap { width: 90% } 미디어쿼리 device 화면사이즈 @media(min-width:300pxd){ .myclass{ width:200px; height:150px; } } 뷰포트 미디어쿼리로 수많은 기기의 화면 크기를 감지해야할 때 꼭 필요 모바일 웹 개발환경 viewport를 이용한 화면영역 크기 조절 메타태그를 사용하여 뷰포트를 지정 모바일 브라우저 메타태그를 이용해서 기본 폭을 조절 크롬 모바일 모드 확장 프로그램 User-Agent Swicher For Chrome 메타태그 관련포스트 모바일 개발 기초 댓글 2 2021.02.06 모바일 개발 기초 해상도 스마트폰 해상도 9 : 161080 x 1920 : 아이폰1440 x 2560 : 안드로이드720 x 1280 : UI 디자인 시 가장 많이 쓰이는 해상도 (다른 해상도로 들어가도 UI가 잘려 보이지 않는다 스마트 패드 해상도 10:162048 x 2732 : 아이폰800 x 1280 : 안드로이드 실행파일 구글 apk 100mb 이하playerSetting - Device Filter - FAT(ARMv7 + x86) :- ARMv7용atlas format : automatic truecolor -> RGBA Crunched DXT5 애플 ipa 100mb 이하atlas format : automatic truecolor -> RGBA Compressed PVRTC 4bits사이즈 .. 댓글 0 2021.02.03 ì´ì „ë‹¤ìŒ MOBILE 스프링 부트 웹 애플리케이션 구조와 빌드 도구 스프링 부트 웹 애플리케이션의 폴더 구조를 살펴보고 빌드 도구인 Maven과 Gradle의 역할과 구조에 대해 쉽게 설명드리겠습니다. 목차 스프링 부트 폴더 구조 main실제 코드를 작성하는 폴더로 프로젝트 실행에 필요한 모든 소스와 리소스 파일이 이 폴더 안에 위치합니다. 1. java - 자바 소스 코드가 들어가는 폴더로 애플리케이션의 패키지 구조에 맞게 클래스 파일이 위치합니다.2. resource - 리소스 파일 (설정 파일, HTML, CSS, 이미지 등) 이 위치하는 폴더.application.propertiesapplication.xml템플릿 엔진 파일 : Thymeleaf 템플릿 등static : 웹 애플리케이션의 정적 리소스(CSS, JavaScript, 이미지 파일) 를 담.. 댓글 2 2025.03.27 웹 서버와 웹 애플리케이션 서버(WAS)의 차이 설명 웹서버와 웹애플리케이션의 역할과 차이점에 대해 쉽게 설명드리겠습니다. 웹서버와 웹애플리케이션을 함께 사용하는 이유도 살펴보겠습니다. 목차 Web Server 웹 서버 역할웹 서버는 HTTP 프로토콜 기반으로 클라이언트로부터 받은 요청에 정적 콘텐츠 를 제공하는 소프트웨어입니다.또한, 동적 콘텐츠 를 제공하기 위해 클라이언트 요청을 웹 애플리케이션 서버 (WAS) 에 전달하고 WAS 가 처리한 결과를 다시 클라이언트에게 전달하는 역할을 합니다. 웹 서버 종류1. Apache Server 가장 많이 사용하는 웹서버로 안정성이 뛰어납니다.2. NginX - 아파치의 C10K 문제점 해결을 위해 만들어진 Event-Driven 구조의 웹 서버 소프트웨어입니다.C10K : 한 시스템에.. 댓글 3 2025.03.06 JAVA 프레임워크 | 스프링(SPRING) 프레임워크와 스프링 부트 소개 스프링은 자바(JAVA) 기반의 웹 애플리케이션 프레임워크입니다. 스프링 프레임워크와 스프링 부트 모듈에 대해 쉽게 설명드리겠습니다. 목차 「 SPRING 」 프레임워크자바 플랫폼을 위한 오픈 소스 애플리케이션 프레임워크입니다. 자바 엔터프라이즈 애플리케이션 개발을 단순화하기 위해 스프링 프레임워크가 시작되었고, 동적인 웹 사이트 애플리케이션을 개발하기 위한 여러 서비스를 제공하고 있습니다. 특징1. POJO (Plain Old Java Object) - 별도의 프레임워크가 필요하지 않고, JAVA EE의 EJB 사용할 때에 비해 특정 인터페이스를 직접 구현하거나 상속받을 필요가 없습니다. 기존 라이브러리를 지원하기 좋고 객체가 가볍습니다.JAVA EE 자바를 이용한 서버측 개발을 위한 플랫폼EJB .. 댓글 6 2025.02.07 웹프레임워크 | Nuxt.js 프레임워크 개념과 구조 프론트엔드 웹프레임워크의 하나인 넉스트 프레임워크는 무엇인지, 언제 사용하고 어떤 구조로 되어있는지 쉽게 설명드리겠습니다. 목차 Nuxt.js 소개넉스트란 Vue.js 프레임워크 기반의 프레임워크로 Vue.js 프로젝트에서 사용되는 여러 라이브러리를 기본적으로 탑재하고 있습니다. (Vue2, Vue Router, Vuex, Vue Server Renderer, vue-meta, vue-loader, Webpack 등) 1) 구조 - Vue + 라이브러리2) 특징 - Vue 파일 사용, 코드 분할 자동화, 서버 사이드 렌더링3) 사용 - SEO 개선을 위해 사용 디렉토리 구조demo-nuxt 폴더 안에 하위폴더 들에 대한 설명입니다. Vue.js 의 src 폴더의 하위폴더들이 루트 폴더로 올라온 모습.. 댓글 3 2025.02.05 웹프레임워크 | Vue.js 프론트엔트 프레임워크 소개 Angular와 React의 장점은 살리고 단점은 보완한 대표적인 프론트엔드 개발 프레임워크 Vue.js를 소개합니다. 목차 「 Vue.js 」 소개 Vue.js 란?사용자 인터페이스 개발에 초점을 맞춰 복잡하고 동적인 웹 페이지를 쉽게 개발할 수 있는 프레임워크입니다. 가볍고 직관적인 문법으로 SPA 개발에 매우 적합한 프레임워크죠.SPA (Single Page Application)단일 페이지 애플리케이션으로 페이지 전환 없이 동적으로 콘텐츠를 로드하고 업데이트하는 웹 애플리케이션 SPA는 초기에 전체 페이지를 로드에 사용자의 요청에 따라 필요한 데이터만 서버로부터 비동기적으로 로드해 업데이트합니다. 「 Vue.js 」 장점 1) 가볍고 간단한 프레임워크 Angular.js 는 기능이 많고 .. 댓글 7 2025.02.03 워드프레스 | 관리자 페이지 속도 느려지는 이유와 해결 방법 관리자 페이지가 느려지는 현상은 흔히 나타나는 문제로 대시보드에 접근하기가 힘들어지고 페이지를 생성하거나 글을 쓰는데 어려움이 생깁니다. 원인이 무엇인지 살펴보고 해결 방법을 말씀드리겠습니다. 목차 관리자 페이지 속도 저하 원인 웹사이트 규모가 크지 않은데도 불구하고 워드프레스 관리자 페이자를 여는데 시간이 오래 걸린다면 아래와 같은 원인을 확인해 보시면 도움이 됩니다. 호스팅 품질 최근 출시되는 테마와 플러그인은 많은 리소스를 요구하기 웹호스팅 사양을 높여야 합니다. 운영 중인 웹호스팅의 트래픽이나 용량 등을 고려해 업그레이드 하는 것을 고려해 보시기 바랍니다. 워드프레스 버전 워드프레스는 업데이트가 빈번하게 이루어집니다. 관리자 페이지의 속도가 느리면 최신 버전 (24.11기준 6.2.2) 인지 .. 댓글 68 2024.11.29 ì´ì „다ìŒ