My Tech Blog (분류 전체보기)

1. HTML 유효성 검사(W3C validator), CSS3 기준(W3C Validator) 작성한 HTML코드를 W3C Validator를 통해 검사 했을 때 오류가 없어야 합니다. 태그의 열림, 웹 접근성에 필요한 속성 값을 입력하지 않는 등의 오류를 검사하고 수정하기 위한 검사예요. 인터넷이 되는 상황이라면 유효성 검사는 https://validator.w3.org/ 에서 할 수 있습니다. 하지만 시험장에서는 인터넷 사용이 불가능해서 유효성 검사를 할 수가 없으니 평소에 유효성 검사를 실행해보면서 오류와 경고를 확인하고 수정하는 연습을 충분히 해 보는 게 좋아요.  The W3C Markup Validation ServiceValidate by File Upload Note: file uploa..

📝 JavaScript ✅ 1. screen 객체screen 객체는 사용자의 모니터 정보(속성)을 제공하는 객체입니다. 예를 들어 모니터의 너비나 높이 또는 컬러 표현 bit을 반환합니다.  1-1. 기본형 screen.속성;screen.width; //모니터의 너빗값 반환 1-2. screen 객체 의 속성 종류종류설명screen.width화면의 너비값 반환screen.height화면의 높이값 반환screen.availWidth(작업 표시줄을 제외한) 화면의 너비값 반환 screen.availHeight (작업 표시줄을 제외한) 화면의 높이값 반환 screen.colorDepth사용자 모니터가 표현 가능한 컬러 bit를 반환  ✅ 2. location 객체location 객체는 사용자 브라우저와 관련..

⚡엔터티코드 특수문자는 잘못된 표현으로 입력해도 화면에 반영은 되지만, 웹표준 코딩이 아니라서 &(엠퍼센트)로 시작하는 엔터티코드로 입력하는 것을 권장합니다.  Copyright ⓒCompany all rights reserved.Copyright ©Company all rights reserved. ⚡자주 쓰이는 엔터티코드    Entity Code - A Clear and Quick Reference to HTML Entities CodesAbout EntityCode The idea came from my constant need to add those hard to remember HTML entity codes, such as the copyright symbol ( © ), every..

1. 웹 언어 웹페이지를 구성하는 언어로는 크게 프론트엔드와 백엔드언어가 있어요. 사용자가 마지막에 보는 최종화면의 모든 구성요소를 구현하는 것이 프론트엔드 언어예요. 서버 측에서 데이터베이스와 연동하여 로그인, 회원가입, 검색, 글 등록, 조회, 삭제 등을 구현하도록 해 주는 언어가 백엔드 언어입니다. 구분프론드엔드백엔드목적웹사이트의 최종 사용자, 즉 일반 사용자가 보는 최종 화면의 필요한 모든 것을 개발일반 사용자가 볼 수 업슨 서버 측에서 작동하는 언어로 데이터베이스 개발 및 관리언어HTML, CSS, Javascript(jQuery)- PHP, JSP, ASP : 서버 측 스크립트 언어- Node.js : 프로그래밍 언어는 아니지만 모바일과 웹사이트의 API와 같은 백엔드 서비스 개발- Javas..

VS Code에는 약어를 이용해서 코드를 빠르게 생성할 수 있는 기능이 내장되어 있어요. 약어 사용법을 같이 익혀볼까요? 약어 입력 후 Tab키나 Enter키를 누르면 태그가 자동으로 생성돼요. HTML 약어 ✅ 태그 생성하기태그 이름을 입력한 후 Tab키 누르면 좌우 입력하지 않고 빠르게 코드 생성 가능약어생성된 태그header ✅ 아이디명, 클래스명 생성#(샵)은 아이디를 의미div#아이디명약어생성된 태그div#container ✅ 자식요소와 함께 생성.(점)은 클래스명 의미>는 자식요소 의미중괄호 { } 안에는 태그 안에 생성될 내용(Content) 입력 약어생성된 태그div.logo > a {logo}logo ✅ 형제요소 생성+는 형제 요소 생성약어생성된 태그p+pdiv.item+div.item..

서블릿의 개념과 작동원리 자바 웹 개발에서 꼭 알아야 할 것이 서블릿(Servlet)과 스프링(Spring) 프레임워크입니다. 이들은 자바 기반의 웹 애플리케이션 개발을 위한 핵심 기술이거든요. 서블릿(Servlet)은 자바를 사용하여 웹 페이지를 동적으로 생성하는 기술이며, 스프링(Spring) 다양한 웹 개발 기능을 제공하는 프레임워크입니다. 그렇다면 "웹 페이지를 동적으로 생성한다"라는 것이 무슨 뜻일까요? 정적인 HTML과 비교해보면 쉽게 이해할 수 있습니다. 1. 정적 웹페이지, 동적 웹페이지는 뭘까? 1-1. 정적 웹 페이지 (static web pages) 언제 접속해도 같은 응답을 보내주는 페이지입니다. 정적인 웹 페이지는 서버에 미리 저장된 HTML 파일로 구성되어 있으며 내용이 고정되어..

요즘 피식대학에서 핫한 Peggy Gou(페기 구)현재 유럽에서 제일 잘나가는 DJ 중의 한명으로 15살 때부터 영국의 런던으로 유학을 갔다. 런던 패션 대학을 졸업한 후 음악 활동을 하기 위해 독일의 베를린으로 다시 이주하여 'Peggy Gou'라는 이름으로 DJ 활동을 시작했다.Peggy라는 이름은 원래 영어권 국가에서 올드한 이름이지만, 한국의 '패기'라는 단어를 따서 지었다.요즘은 2023년에 발매한 (It Goes Like) Nanan가 세계적으로 히트를 치며 전성기를 맞이하고 있다. 현재 미국 빌보드 댄스차트 5위, 영국 오피셜 차트 5위, 네덜란드 1위 등 전세계 여러 나라의 댄스 음악 차트에서 우수한 성적을 거두고 있으며 2023년 DJ MAG에서 매년 선정하는 전세계 'Top 100 DJ..

행의 갯수를 입력받아서 다양한 모양으로 콘솔에 별을 찍어 보자! 1. 기본 별찍기import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner scanner = new Scanner(System.in); System.out.print("행의 개수를 입력하세요: "); int rows = scanner.nextInt(); for (int i = 0; i < rows; i++) { for (int j = 0; j < rows; j++) { System.out.print("*"); } System.out.println(); } } } 2. 왼쪽 삼각형 별 찍기import java.util.Scanner;..