All
[http-server] HTML 테스트를 위한 웹 서버 띄우기 (빠르게)
들어가기 전 얼마 전, 흥미로운 글을 확인해서 로컬에서 따라해보던 중, cors오류를 만났다. cors오류는 다른 도메인에서 소스를 불러올 때 동일한 출처가 아니면 불러오지 못하게하는 오류인데 로컬에서 로컬의 모듈을 불러오는데 오류가 뜨고 있었다. 브라우저가 html에서 모듈을 불러오는거라 문제가 없어보였는데 확인해보니 이런식으로 모듈을 불러온다면 cors오류가 난다고 한다. cors 오류가 나는 이유는 동일 출처 도메인 정책으로 동일한 도메인에서 나온 리소스만 허용한다는 정책이다. 즉, 이걸 해결하기 위해선 웹서버를 구축해서 같은 도메인을 사용해야 한다는 것이다. node, vue, react 등 프레임워크를 사용하여 구현할 수 있지만 생각보다 오래걸리기에 더 빠른 방법을 찾아보다. Microsoft에..
[네트워크 보안] Dos / DDos 공격 차이 및 설명
서비스 거부 공격 (Dos; Denial Of Service Attack) 서비스 거부 공격이란, 공격자가 무수히 많은 트래픽을 일으켜 해당 서비스의 정상적인 서비스를 방해하는 행위이다. 공격자 대상 1 1 공격의 종류 - (Dos 공격 종류) 1. Ping Of Death : ICMP 패킷을 정상적인 크기보다 크게 만들어 전송, 이를 재조합하는 과정에서 많은 부하 및 버퍼 오버플로우가 발생하게 하는 공격 2. Land Attack : 출발지와 목적지를 동일하게 만들어 공격 대상이 자기 자신에게 응답을 하도록 하는 공격 3. Smurf Attack :출발지를 공격대상 IP로 위조한 ICMP 패킷을 브로드캐스트하여 공격 대상이 다수의 ICMP 응답을 받게 만드는 공격 4. Teardrop : 하나의 IP ..
[Tip] 웹개발에 유용한 사이트
Squoosh - 이미지 압축 사이트 구글에서 개발한 이미지 압축 사이트 압축률이 매우 뛰어나며 드래그 앤 드롭으로 손쉽게 파일을 업로드/다운로드 할 수 있다. 또한 파일의 이름도 그대로(한글지원) 다운로드가 되어서 경로만 다르게 해준다면 쉽게 적용 할 수 있다. 위 우측 사진을 보면 약 3MB인 파일이 167KB까지 왼쪽은 원본, 오른쪽은 압축한 사진을 비교해서 보여 주고 바로바로 수정하여 압축률을 비교할 수 있다. 또한 Resize 기능까지 지원하니 썸네일이나, 큰 용량의 사진이 필요 없는 경우는 사이즈를 줄여주면 더 효과가 좋다. Squoosh Simple Open your image, inspect the differences, then save instantly. Feeling adventuro..
[SQLD] 2023년도 시험 일정 및 자격증 소개 정리
SQLD - 2023년 총 4회 (10:00) 회차 접수기간 시험일 사전 점수 발표 발표 제 48회 02.20 ~ 02.24 03.19(일) 04.14 제 49회 05.08 ~ 05.12 06.10(토) 06.30 07.07 제 50회 08.07 ~ 08.11 09.09(토) 09.27 10.06 제 51회 10.16 ~ 10.20 11.18(토) 12.15 데이터자격시험 데이터아키텍처 준전문가 제54회 - 3.20~24 4.7 4.23(일) 5.12 5.19 - www.dataq.or.kr 출제문항 및 배점 & 합격 기준 시험시간 : 90분(1시간 30분) 총 문제 : 50문제 과락 : 과목별 40% 미만 ⇒ 1과목 3문제 , 2과목 13문제 합격 점수 : 60점 이상 ⇒ 30 문제 과목명 문항 배점 ..
[정보처리기사 실기] 2023년 1회 정보처리기사 기출 문제
개요 2023년도 정기 1회 정보처리기사 실기 기출 문제 정리 및 답안 작성입니다. 정보처리 기사시험 일정 보러가기 [정보처리기사] 2023년도 기사 시험 일정 정보처리기사 - 2023년 총 3회 (09:00) 회차 필기 접수 필기 시험 발표 devpuer.tistory.com 1. 출력 결과를 작성하시오. class Static { public int a = 20; static int b = 0; } public class Gisafirst { public static void main(String[] args) { int a; a = 10; Static.b = a; Static st = new Static(); System.out.println(Static.b++); System.out.println..
[정보처리기사 실기] 이것만은 외우자 (정처기 요약)
인터페이스 구현 검증 도구⭐ 도구 기능 xUnit JAVA(jUnit), C++(CppUnit), .Net(nUnit)와 같이 다향한 언어를 지원하는 단위 테스트 프레임워크 STAF 서비스 호출 및 컴포넌트 재사용 등 다양한 환경을 지원하는 테스트 프레임워크, 분산 환경에 데몬을 사용 FitNesse 웹 기반 테스트케이스 설계, 실행, 결과 확인 등을 지원하는 테스트 프레임워크 NTAF FitNesse의 장점인 협업과 STAF의 장점인 재사용 및 확장성을 통합, NHN(Naver)의 테스트 자동화 프레임워크 Selenium 다양한 브라우저 및 개발 언어를 지원하는 웹 어플리케이션 테스트 프레임워크 OSI 7계층 #물데네전세표응 ⭐ 계층 설명 예시 프로토콜 전송단위 물리 계층 전기적 신호 변환, 물리적 연..
[SQLD] 이것만 외우자 (SQLD정리)
각자 외우는 방식과 공부하는 방식이 다르지만 정리했던 내용을 공유합니다. 스키마 외부 외형적 개념 개념 전체적인 관계를 표현 내부 데이터와 가장 근접 DML : SELECT, INSERT, UPDATE, DELETE → 데이터를 조작 #셀인업딜 DDL : CREATE, ALTER, DROP, RENAME → 데이터를 정의! #크알드리 DCL : GRANT, REVOKE → 데이터를 컨트롤 할 수 있는 권한을 주는 #그리 TCL : COMMIT, ROLLBACK, SAVEPOINT → 트랜젝선을 제어하는 명령어 #커롤세 SQL 연산 순서 FROM WHERE GROUP BY HAVING SELECT ORDER BY Distinct 어떤 컬럼값들의 중복을 제거한 결과를 출력한다. select distinct ..
[Swiper.js] 스와이프, 슬라이드 적용하기 및 사용법 (옵션 정리)
다운로드 먼저 swiper.js파일을 프로젝트에 적용해야한다. 방법은 공식 문서에 보다 정확하게 나와 있으나 조금 덜어내어 정리하고자 합니다. 공식 문서에 보면 npm install, CDN, Download assets 총 3가지 적용 방법이 있는데 각자 편한 방법으로 하면된다. 1. npm install은 React, Vue, Angular 등 node가 깔리는 프로젝트에서 사용하면 될 것이고 2. CDN은 다운로드가 싫은 경우, 헤더에 선언을 하여 페이지가 불러와질 때 js파일을 가져온다고 보면 된다. 3. Download는 사용할 파일을 따로 다운로드 받아 프로젝트에 적용하는 것이고 이는 헤더 또는 사용하고자 하는 파일에서 불러와 사용하면 된다. 저는 download를 하여 사용하고자 합니다. s..
[Tistory] 관리자 여부 받아와 글쓰기 버튼 추가하기 (스킨 편집)
개요 블로거 정상우님에게 스킨을 받아서 사용하고 있던 중 글쓰기 버튼이 없어 추가하고 싶은 욕구가 생겨 이것 저것 알아보았는데 어디서도 딱 이렇다 할 정보가 나와있지 않았습니다.. 검색 결과, 다른분들은 q를 눌러 관리자 페이지로 들어가거나, 블로그 관리에서 메뉴를 만들어 두고 사용하라고 말씀하셨지만 방문자에 입장에서는 불필요한 버튼이기에 로그인 정보를 얻어 관리자가 아니면 안보이게 하고 싶어서 세션, 쿠키에 정보가 있을거라 생각하고 찾아봤지만 얻기 힘들었고, 티스토리 스킨사용법에 들어가 확인해보았지만 딱히 이렇다 할 정보를 찾지 못했습니다 ㅠ (찾으시면 알려주세요...ㅜ) 어쨌든 몇시간 삽질을 하던 중..! 헤더에 소유주의 정보가 들어있는걸 확인 했고 이를 활용하여 관리자 버튼을 만들게 되어 저와 같은..
