[HTML] <form>을 사용한 로그인 페이지 구현 (audio 음악재생)
·
Front-End/HTML, CSS, JS
HTML만 사용해서 간단한 로그인 페이지를 구현 해보자. 태그를 사용하면 사용자가 입력한 정보를 한 번에 서버로 보낼 수 있다. 주로 로그인이나 사용자의 의견을 물어볼 경우 많이 사용된다. 태그 설명 https://www.w3schools.com/html/html_forms_attributes.asp HTML Form Attributes W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3scho..
[JS] 자바스크립트 글자 미리보기 (String 메서드, getElementBy)
·
Front-End/HTML, CSS, JS
자바스크립트를 이용해서 설정에 따라 적용된 글자를 미리 보는 간단한 프로그램이다. 주로 getElementByID와 String 메서드를 사용한다. HTML 미리 보기 색상: 빨강 파랑 녹색 크기: 1 2 3 4 5 6 7 취소선 크게 작게 두껍게 기울임 위첨자 아래첨자 소문자로 대문자로 document 객체의 getElementByID(), getElementsByName(), getElementsByTagName() 메서드를 사용할 것이기 때문에 최대한 필터링하기 편하도록 HTML에서 태그들의 Id와 Name을 지정한다. JavaScript 코드 * 전체코드 더보기 더보기 미리 보기 색상: 빨강 파랑 녹색 크기: 1 2 3 4 5 6 7 취소선 크게 작게 두껍게 기울임 위첨자 아래첨자 소문자로 대문자..
절대경로와 상대경로 정리
·
CS 지식
경로(path)란 파일 시스템 내에서 특정 파일의 위치, 이름을 나타내는 양식이다. 개발을 할 경우 다른 모듈이나 라이브러리를 import 할 경우가 많은데, 가장 많이 하는 실수 중 하나가 경로를 잘못 기입해서 에러가 발생하는 것이다. 실수를 방지하기 위해서 절대 경로와 상대 경로의 차이점에 대해서 알아보자. 절대 경로 ⦁ 루트 디렉토리를 포함한 주소를 갖는 경로를 말한다. ⦁ 작업 디렉터리와 상관없이 절대적인 파일의 위치를 가리키는 경로 루트 디렉토리를 포함하여 사용하기 때문에 외부에서도 이 절대경로를 이용하여 파일을 연결할 수가 있습니다. 서버의 주소가 달라진다면 절대경로로 설정된 주소들은 모두 수정해 주어야 합니다. 로딩 속도는 상대경로에 비해 떨어집니다. 상대 경로 ⦁ 상대경로는 루트 디렉토리를..
[웹] HTTP, URL 개념 정리 (REST API / GET, POST, PUT, DELETE )
·
CS 지식
HTTP 메서드는 클라이언트가 웹 서버에게 요청의 목적이나 종류를 알리는 수단이다. 여러가지 메서드가 존재하지만 대표적으로 GET, POST, PUT, DELETE 를 가장 많이 사용한다. HTTP 이란? HTTP(Hypertext Transfer Protocol)는 웹을 개발하는 사람이라면 기본적으로 알아야 하는 통신 프로토콜이다. 프로토콜이란 상호 간에 정의한 규칙을 의미하며 데이터를 주고받기 위해 정의되었다. 브라우저에서 서버에 URL + HTTP 메서드(GET, POST, PUT, DELETE)를 Request 하면, 서버는 상태 코드 + 응답 Body를 Response 해준다. ⦁ HTTP 프로토콜 특징 HTTP 프로토콜은 상태가 없는 (Stateless) 프로토콜이다. 상태가 없다는 말은 각각..
[네트워크] OSI 7계층 정리 ( 전송 단위, 장비, 프로토콜 )
·
CS 지식
OSI (Open Systems Interconnection)란 개방형 시스템의 상호연결 모델의 표준이다. 초기 여러 정보통신 업체의 장비들은 자신의 업체 장비끼리만 연결이 되어 호환성이 없었다. 따라서 모든 시스템이 상호 연결에 있어 문제가 없도록 표준을 정한 것이 OSI 7계층이다. 즉 호환성과 학습도구로서 제작이 되었다. OSI 7계층 OSI 계층은 전송 시에 7계층에서 1계층으로 각각의 층마다 인식할 수 있도록 헤더를 붙여 캡슐화를 하고 1계층에서 헤더를 떼어내며 디 캡슐화를 해서 데이터를 주고받는다. 1. 물리 계층 ( Physical Layer ) 전기적 기계적 특성을 이용하여 통신 케이블로 전기적 신호를 전송한다. 단지 데이터 전송의 역할을 할 뿐이라 알고리즘이나 오류 제어 기능은 없다. ⦁..
[Java] 자바 네트워크 채팅 프로그램 구현 ( 소켓, 유니 캐스팅 )
·
Java/코딩테스트 연습 & 실습
유니 캐스팅이란 서버와 클라이언트가 일대일로 통신하는 개념이다. 자바 소켓을 이용해서 유니 캐스팅 채팅 프로그램을 구현해 보았다. 구조 소스코드 📝 UnicastServer import java.io.*; import java.net.*; public class UnicastServer { private ServerSocket serverS; private UnicastServerThread ust; public UnicastServer(int port) { //포트번호 try { serverS = new ServerSocket(port); } catch(IOException ioe) { ioe.printStackTrace(); System.exit(0); } while(true) { try { Syst..
[Java] 자바 GUI AWT 사용법 ( 간단한 채팅 프로그램 구현 )
·
Java/자바 이론
AWT(Abstract Window Toolkit)는 GUI 프로그램을 제작하기 위해 자바에서 제공하는 라이브러리를 모아놓은 것이다. 운영체제가 제공하는 UI를 사용하기 때문에 플랫폼에 의존적이고 구성요소가 무겁다는 특징 때문에 요즘은 거의 사용하지 않는다고 한다. 하지만 비교적 쉽고, Java Swing이 AWT 기반이기 때문에 간단하게 한번 살펴보는 것도 좋을 듯하다. AWT 계층 및 구성요소 1. Container 프로그램창의 역할을 한다. 이 컨테이너 위에 컴포넌트들이 올라간다. 2. Component 화면을 담당하는 구성요소들이다. ( 버튼, 텍스트 필드 등 ) 3. Event 윈도우 프로그래밍에서 어떤 특정한 행동이 발생 한 그 자체를 의미한다. (ex 버튼 클릭 등) 이벤트 소스 : 이벤트가..
[Python] 학생 성적관리 프로그램 (파일 사용)
·
Python
1. 프로그램 실행 시 파일의 내용을 all_std 리스트에 불러온다. 2. (1. 입력 2.출력 3.검색 4.수정 5.삭제 6.종료) 를 진행한다. 3. 프로그램 종료 시 all_std의 내용을 파일에 저장한다. (덮어쓰기) import pickle import sys all_std = [] #파일 전체 내용 로드 함수 def pickleLoadAll(): with open('DB.p', 'rb') as file: while True: try: data = pickle.load(file) except EOFError: break all_std.append(data) #실행시 파일 내용 불러옴 pickleLoadAll() print("DB :",all_std) #메인 while(True): print('..