본문 바로가기

웹 개발224

NN 네이버스마트스토어 | 개인판매자와 사업자 차이 네이버 스마트스토어를 시작하려고 할 때 먼저 개인판매자와 사업자 어떤 것으로 시작하는 것이 좋을지 고민될 수 있는데요. 차이점을 한 번 살펴보겠습니다. 목차 개인 판매자 * 개인판매자 장점개인판매자와 사업자의 가장 큰 차이는 세금입니다. 소액 판매의 경우 세금신고를 위해 굳이 사업자를 낼 필요는 없습니다. 사업자를 내지 않아도 바로 시작할 수 있기 때문에 빠르고 간단하게 스마트 스토어를 개설할 수 있습니다.추가적인 사업자 등록 비용이나 세무 서비스 비용이 발생하지 않아 초기 비용을 최소화할 수 있습니다.연간 일정 수익 이하면 간이과세자로 분류되어 세금 신고가 상대적으로 간단합니다. * 개인판매자 단점사업자를 내게 되면 부가세를 환급 받을 수 있습니다. 네이버 스마트스토어에서 제공하는 마케팅과 광고.. 2025. 7. 10.
NN 프론트엔드와 백엔드(웹서버, 웹애플리케이션, 웹프레임워크) 백엔드 중에서 웹서버와 웹애플리케이션, 웹프레임워크 각각의 역할에 대해 차이점을 설명하고 프론트엔드와 어떠한 방식으로 통신하는지 쉽게 설명드리겠습니다. 목차 프론트엔드 (Front-End) *주요 프로트엔드 기술프론트엔드는 사용자가 직접 보는 화면을 구성하는 부분입니다. 예전에는 HTML, CSS, JavaScript, JSP를 많이 사용했지만 요즘에는 React, Vue,js 같은 자바스크립트 프레임워크를 사용해 프론트엔드와 백엔드를 분리합니다. *프론트엔드와 벡엔드 연결 방식1. 서버 사이드 렌더링 (JSP, Thymeleaf 등) - 프론트엔드와 벡엔드가 같은 서버에서 실행되면 백엔드가 HTML를 만들어 클라이언트에 보내줍니다. 2. REST API + 프론트엔드 프레임워크 (React, Vu.. 2025. 6. 16.
NN Let's Encrypt 에서 무료 SSL 인증서 발급 웹사이트나 웹쇼핑몰을 운영하다보면 https가 필수인데요. 보안 연결에 필요한 SSL을 무료로 발급받는 곳들과 Let's Encrypt에서 인증서 발급을 진행해보겠습니다. 목차 SSL 인증서 SSL / TLS SSL (보안 소켓 계층)은 네트워크상의 두 디바이스나 애플리케이션 간에 보안 연결을 생성하는 통신 프로토콜과 규칙 세트입니다. TLS (전송 계층 보안)은 기존 SSL의 취약성을 수정하는 업그레이드된 SSL 버전입니다. 더 효율적으로 인증하고 암호화된 통신 채널을 지원합니다. 무료 SSL 인증 기관 Let's EncryptLet's Encrypt는 가장 널리 알려진 무료 SSL/TLS 인증 기관 중 하나입니다. ZeroSSLLet's Encrypt와 유사한 사이트로 무료 및 유료 SSL.. 2025. 5. 26.
NN 네이버 클라우드 플랫폼 (NCP) 서비스 소개 네이버 클라우드 플랫폼 (NPC) 의 사용환경과 기본적인 서비스에 대해 소개해드립니다.쉽게 설명드리겠습니다. 정리해봤습니다. 살펴보겠습니다. 소개해드립니다.  목차  네이버 클라우드 플랫폼 (NCP) 사용환경 플랫폼 - Classic vs VPC  Classic 은  공유된 네트워크상에 자원을 구축해 서로 다른 계정의 서버들간 통신이 가능합니다.  VPC  (Virtual Private Cloud)는 논리적으로 분리가 되어있는 전용 사설 네트워크를 사용해 더욱 강력하고 안전한 보안을 제공합니다.  리전 (Region)리전이란 효율적인 서비스를 위해 주요 거점에 구축한 하나 이상의 존의 집합을 뜻합니다. 리전이 사용자와 가까울수록 서버 응답 속도가 빠릅니다. 네이버 클라우드 플랫폼에는 한국, 미국 서부, .. 2025. 4. 28.
NN 스프링부트 웹프레임워크 구조와 빌드 도구 스프링 부트 웹프레임워크의 폴더 구조를 살펴보고 빌드 도구인 Maven과 Gradle의 역할과 구조에 대해 쉽게 설명드리겠습니다. 목차 스프링 부트 폴더 구조 main실제 코드를 작성하는 폴더로 프로젝트 실행에 필요한 모든 소스와 리소스 파일이 이 폴더 안에 위치합니다. 1. java - 자바 소스 코드가 들어가는 폴더로 애플리케이션의 패키지 구조에 맞게 클래스 파일이 위치합니다.2. resource - 리소스 파일 (설정 파일, HTML, CSS, 이미지 등) 이 위치하는 폴더.application.propertiesapplication.xml템플릿 엔진 파일 : Thymeleaf 템플릿 등static : 웹 애플리케이션의 정적 리소스(CSS, JavaScript, 이미지 파일) 를 담기 .. 2025. 3. 27.
NN 웹 서버와 웹 애플리케이션 서버(WAS)의 차이 설명 웹서버와 웹애플리케이션의 역할과 차이점에 대해 쉽게 설명드리겠습니다. 웹서버와 웹애플리케이션을 함께 사용하는 이유도 살펴보겠습니다. 목차 Web Server 웹 서버 역할웹 서버는 HTTP 프로토콜 기반으로 클라이언트로부터 받은 요청에 정적 콘텐츠 를 제공하는 소프트웨어입니다.또한, 동적 콘텐츠 를 제공하기 위해 클라이언트 요청을 웹 애플리케이션 서버 (WAS) 에 전달하고 WAS 가 처리한 결과를 다시 클라이언트에게 전달하는 역할을 합니다. 웹 서버 종류1. Apache Server 가장 많이 사용하는 웹서버로 안정성이 뛰어납니다.2. NginX - 아파치의 C10K 문제점 해결을 위해 만들어진 Event-Driven 구조의 웹 서버 소프트웨어입니다.C10K : 한 시스템에 .. 2025. 3. 6.
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.

티스토리툴바