본문 바로가기

웹 개발218

NN JAVA 프레임워크 | SPRING 프레임워크와 스프링 부트 소개 스프링은 자바(JAVA) 기반의 웹 애플리케이션 프레임워크입니다. 스프링 프레임워크와 스프링 부트 모듈에 대해 쉽게 설명드리겠습니다.  목차  「 SPRING 」 프레임워크자바 플랫폼을 위한 오픈 소스 애플리케이션 프레임워크입니다. 자바 엔터프라이즈 애플리케이션 개발을 단순화하기 위해 스프링 프레임워크가 시작되었고, 동적인 웹 사이트 애플리케이션을 개발하기 위한 여러 서비스를 제공하고 있습니다. 특징1. POJO (Plain Old Java Object) - 별도의 프레임워크가 필요하지 않고, JAVA EE의 EJB 사용할 때에 비해 특정 인터페이스를 직접 구현하거나 상속받을 필요가 없습니다. 기존 라이브러리를 지원하기 좋고 객체가 가볍습니다.JAVA EE 자바를 이용한 서버측 개발을 위한 플랫폼EJB .. 2025. 2. 7.
NN 웹프레임워크 | 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 폴더의 하위폴더들이 루트 폴더로 올라온 모습.. 2025. 2. 5.
NN 웹프레임워크 | Vue.js 프론트엔트 프레임워크 소개 Angular와 React의 장점은 살리고 단점은 보완한 대표적인 프론트엔드 개발 프레임워크 Vue.js를 소개합니다.   목차  「 Vue.js 」 소개 Vue.js 란?사용자 인터페이스 개발에 초점을 맞춰 복잡하고 동적인 웹 페이지를 쉽게 개발할 수 있는 프레임워크입니다. 가볍고 직관적인 문법으로 SPA 개발에 매우 적합한 프레임워크죠.SPA (Single Page Application)단일 페이지 애플리케이션으로 페이지 전환 없이 동적으로 콘텐츠를 로드하고 업데이트하는 웹 애플리케이션 SPA는 초기에 전체 페이지를 로드에 사용자의 요청에 따라 필요한 데이터만 서버로부터 비동기적으로 로드해 업데이트합니다.  「 Vue.js 」 장점 1) 가볍고 간단한 프레임워크  Angular.js 는 기능이 많고 .. 2025. 2. 3.
NN 워드프레스 | 관리자 페이지 속도 느려지는 이유와 해결 방법 관리자 페이지가 느려지는 현상은 흔히 나타나는 문제로 대시보드에 접근하기가 힘들어지고 페이지를 생성하거나 글을 쓰는데 어려움이 생깁니다. 원인이 무엇인지 살펴보고 해결 방법을 말씀드리겠습니다.  목차  관리자 페이지 속도 저하 원인 웹사이트 규모가 크지 않은데도 불구하고 워드프레스 관리자 페이자를 여는데 시간이 오래 걸린다면 아래와 같은 원인을 확인해 보시면 도움이 됩니다. 호스팅 품질 최근 출시되는 테마와 플러그인은 많은 리소스를 요구하기 웹호스팅 사양을 높여야 합니다. 운영 중인 웹호스팅의 트래픽이나 용량 등을 고려해 업그레이드 하는 것을 고려해 보시기 바랍니다. 워드프레스 버전 워드프레스는 업데이트가 빈번하게 이루어집니다. 관리자 페이지의 속도가 느리면 최신 버전 (24.11기준 6.2.2) 인지 .. 2024. 11. 29.
NN 구글 Blogger | 블로그 삭제를 대비한 백업과 복원 구글 Blogger는 콘턴츠 정책에 따라 정책 기준에 부합되지 않는다고 판단되면 더 이상 블로그를 일반에게 공개하지 않는 조치를 취하는데요. 이를 대비한 백업과 복원방법을 미리 알아두시면 좋을 것 같습니다.  목차  구글 콘텐츠 정책 Blogger 커뮤니티 가이드정책 가이드를 살펴보면 허용되는 콘텐츠와 허용되지 않는 콘텐츠에 대한 설명을 보실수 있습니다. 이 커뮤니티 가이드를 위반한 사항이 발견되면 해당 블로그는 더 이상 일반에게 공개되지 않는다는 메일을 받으실 수 있는데요. Blogger 콘텐츠 정책 링크 - https://www.blogger.com/content-policy?hl=ko 콘텐츠 정책Blogger는 자기 표현 및 커뮤니케이션을 위한 서비스입니다. Blogger를 사용해 정보의 이용 가능.. 2024. 11. 25.
NN 구글 애드센스 | 세금 양식 만료로 새 양식 제출 하는 방법 구글 애드센스에 세금 양식이 만료 되고 새로운 세금 양식을 제출하라는 문구가 뜨는 경우 해결 방법에 대해 쉽게 설명드리겠습니다.  목차  새 양식 제출 ▶ 구글 애드센스에 로그인을 합니다. ▶ 상단에 "조치 필요 : 애드센스 결제 계정에 확인이 필요한 항목이 있습니다." 라는 문구가 뜨는데 문구 옆에 [결제 설정으로 이동] 을 누릅니다. 또는 좌측메뉴에서 [지급 - 지급 정보] 메뉴를 누릅니다. ▶ 아래와 같은 화면이 보이면  새 양식 제출  버튼을 클릭합니다. ▶ 우리가 제출해야 하는 양식은 미국 세금 양식입니다. 이전에 신고했던 양식이 있고 우측 상단에  새 양식 제출  버튼을 눌러 기존에 제출한 양식이 삭제하고 새 양식을 시작합니다. 시작하기 전에 주의사항은 아래와 같습니다.완료하는데 15-20분 .. 2024. 10. 14.
NN 구글블로그 | 기본 테마 종류와 모바일 테마 설정 방법 구글블로그에서 기본적으로 제공하는 테마들은 어떤 디자인이 있는지 소개하고, Lighthouse를 통해 간단하게 테마별로 성능테스트를 해보겠습니다. 덧붙여서 모바일 테마 설정 방법에 대해 설명드립니다.  목차  구글블로그 테마 ContempoLight, Dark, Pink, Aqua, Flamingo 5종류의 테마가 있습니다. 성능은 다소 떨어집니다. SohoLight, Dark, Neon, Pink, Red를 선택할 수 있습니다. 성능은 조금 더 떨어지지만 접근성은 좋은 테마입니다.  EmporioPorcelain, Toolbox, Apron, Technica, Flamingo 5가지 테마가 있습니다.검색엔진에 최적화 되어있어 구글 페이지 스피드 인사이트 분석에 가장 높은 점수를 받았습니다. Notabl.. 2024. 10. 11.
NN 워드프레스 플러그인 | 자주 쓰는 PLUGIN 리스트 워드프레스 자주 쓰는 플러그인 목록입니다. 계속해서 업데이트할 예정입니다.  목차  워드프레스 플러그인 테마  ↗ ▶ aThemes Starter Sites - 많은 종류의 비즈니스 템플릿이 준비되어 있습니다.▶ One Click Demo Import - 원하는 테마 데모 다운로드 ▶ Starter Templates - AI 기반 템플릿 ▶ Add-custom-page-template - 템플릿 빌더  ↗ ▶ Elementor (엘리멘터) - 무료 / 유료. 가장 인기있는 페이지 빌더 중 하나Image Optimizer by Elementor - 이미지 최적화▶  WPBakery (구 비주얼컴포저) - 페이지 편집 가능한 버전▶  SiteOrigin - 무료 / 유료. 기능이나 옵션이 다양하지 않음▶  .. 2024. 10. 9.
NN 워드프레스 플러그인 | 회원 가입 및 관리 (Ultimate Member, WP-Members) 워드프레스로 웹사이트를 만들다다보면 회원관리가 필요할 수 있습니다. 회원 가입과 관리 플러그인 Ultimate Member, WP-Members, WooCommerce Membership의 특징을 살펴보겠습니다.  목차  Ultimate Member 플러그인 얼티밋 멤버 특징2015년 7월에 출시되어 확장성과 유연성, 보안 강화, 다국어 지원, 소셜 로그인 지원 등 유료 버전에는 다양한 기능을 제공합니다. 특히 우커머스와 연동이 되기 때문에 많이 사람이 이용하는 인기 플러그인입니다.소셜 로그인 로그인, 로그인 보안, 로그아웃 페이지사용자 프로필 및 커뮤니티 기능 탑재비주얼 컴포저와 통합 얼티밋 멤버 K ↗한국형 회원관리를 위한 유료 플러그인으로 가격은 아래와 같습니다. 1개 사이트 - 90,000원 (V.. 2024. 10. 7.

티스토리툴바