척척학사의 개발일기 척척학사의 개발일기

전체 글

• [정보처리기사] 1과목

  자격증 2022. 3. 2. 17:23

  1. GoF(Gangs fo Four) 디자인 패턴 생성 구조 행동 클래스 factory method adapter interpreter template method 객체 abstract factory builder prototype singleton adapter bridge decorator facade flyweight proxy chain of responsibility command iterator mediator memento observer state strategy visitor 1) factory method(생성) -> 상위클래스에서 객체를 생성하는 인터페이스를 정의하고, 하위클래스에서 인스턴스를 생성하도록 하는 방식 2) prototype(생성) -> prototype을 먼저 생성하고..

  Read More
• 이미지 스프라이트(Image Sprite)

  HTML·CSS 2022. 2. 15. 18:23

  이미지 스프라이트(Image Sprite)란? 여러 개의 이미지를 하나의 이미지로 합쳐서 관리하는 것 웹 브라우저가 서버에 요청하는 이미지가 많으면 많을 수록 웹 페이지 로딩이 오래걸린다. 이미지 스프라이트를 사용하면 단 하나의 이미지 요청으로 줄일 수 있고, 파일 관리도 간편해진다. 사용할 스프라이트 이미지↓ 원본이미지(클릭) /* 기본 설정 */ .character .c { display: inline-block; width: 424px; height: 523px; border: 1px solid red; background: url('/img/img_sprite.png') no-repeat; } /* 위치변경 */ .character .c1 { background-position: -0px -35p..

  Read More
• id/class/name의 차이점

  HTML·CSS 2021. 12. 30. 02:16

  요소(Element) CSS jQuery 기타 id 하나의 요소만 지정 가능 선택자(Selector) 역할 수행 가능 ex) #id ${"#id_val"} getElementById 활용할때 사용 class 여러 요소에 지정 가능 선택자(Selector) 역할 수행 가능 ex) .class $(".class_val") name 여러 요소에 지정 가능 선택자(Selector) 역할 수행 불가능 $("input[name=name_val]" 에서 submit 전송 시 사용 jQuery 접근 예시 //id 버튼 //class 버튼 //name 버튼 출 처 : https://okiidokii.tistory.com/105 https://mos6502.tistory.com/1

  Read More
• Node.js

  Node.js 2021. 12. 30. 01:05

  Node.js Chrome의 V8 엔진을 이용한 JavaScript 런타임 환경 내장 HTTP 서버 라이브러리로 서버 실행 서버 사이드 언어(Server Side Script)* 비동기 이벤트 처리(Non-Blocking)* 싱글 스레드(Single thread)* *서버 사이드 언어(Server Side Script)란? 클라이언트-서버 구조로 서버 부분에 해당됨 *비동기 이벤트 처리(Non-Blocking)란? I/O 작업이 시작되면 작업 처리에 대한 응답을 기다리지 않고 바로 다음 작업을 실행하는 것 *싱글 스레드(Sigle thread)란? 스레드란 프로세스 내에서 실행되는 흐름의 단위*를 말함 즉, 싱글 스레드란 하나의 프로세스에서 하나의 스레드를 실행하는 것을 의미함 더보기 싱글 스레드(Sin..

  Read More
• VSCode 확장 프로그램 Settings Sync

  개발지식 2021. 12. 28. 01:30

  Settings Sync란? VSCode에 적용한 환경설정을 다른 컴퓨터로 가져올 수 있도록 도와주는 확장프로그램 단축키 Shift + Alt + U : 환경설정 저장 Shift + Alt + D : 환경설정 불러오기 적용 방법 VSCode에 Settings Sync 확장 프로그램을 설치한다. F1을 눌러 1) sync: 고급옵션 2) sync: 설정열기로 들어간다. Gist ID와 Access Token 값*을 넣어준다. Shift+Alt+D를 눌러 환경설정을 불러온다. *네이버 메일에 저장함

  Read More
• PHP 설치방법

  PHP 2021. 12. 27. 23:42

  PHP 웹 서버에서 해석되는 스크립터 언어(Server Side Script*) 코드 작성, 문법이 간단하고, 데이터베이스 연동이 편리함 *Server Side Script란? 서버와 클라이언트 통신 중 서버 측에서 동작하는 스크립트 형태의 프로그램을 지칭함 예를 들어 DB 접속, 내부 로직 등 서버 내에서만 실행되는 것(필요 시 결과값은 클라이언트로 보내지기도 함) 설치 순서 https://windows.php.net/download에서 VS16 x64 Thread Safe Zip* 파일을 다운받는다. 압축을 풀고 경로를 설정한다. ex) C:\ (나는 C드라이브에 php8 파일을 옮김) C:\php8\php.ini-development 로 이동하여 1) ;On windows: extension_dir..

  Read More
• Apache(아파치) 설치방법

  PHP 2021. 12. 27. 22:36

  Apache(아파치) 웹 서버용 소프트웨어(HTTP 웹 서버) 정적 데이터 처리* *정적 데이터(Static Data)란? 메모리에 데이터를 올려놓고 필요할 때마다, 데이터를 호출하여 사용하는 것 웹 서버는 GET, POST, PUT PATHCH, DELETE 등 메소드로 요청하면 그에 대한 결과를 돌려줌 더보기 Tomcat(톰캣) Apache에서 개발한 웹 애플리케이션 서버(WAS, Web Application Server) 동적 데이터 처리* *동적 데이터(Dynamic Data)란? 서버에서 실시간으로 변환되어 적용되는 것 설치 순서 https://www.apachelounge.com/download 에서 Apache 2.4.XX Win64 zip 파일을 다운받는다. 압축을 풀고 경로를 설정한다. ..

  Read More