본문 바로가기
반응형

전체 글113

[웹프로그래밍 실습] 부트스트랩을 이용한 웹페이지 만들기 부트스트렙을 이용한 웹페이지 만들기 부트스트랩을 이용해서 화면 크기에 따라 웹페이지를 유동적으로 만들었습니다. 스크린 크기가 >= 992px일 때 스크린 크기가 992px 이상일 때는 아래와 같은 구조를 따릅니다. 수업개요: 수업운영 방식 = 5 : 7 (아래 그림이 잘못 나왔습니다.) 사용하는 기술 소개 : 참고사이트 : 선호도 조사 = 5 : 4 : 3 스크린 크기 >= 768px일 때 스크린 크기가 768px이상일 때 다음과 같은 스크린 구조가 나옵니다. 수업개요 = 수업운영방식 = 사용하는 기술소개 = 스크린 전체 너비 참고사이트 : 선호도 조사 = 1 : 1 스크린 크기 2023. 10. 22.
[웹프로그래밍 실습] html, css로 간단한 웹 페이지 만들기 간단한 웹페이지 만들기 작성 코드 html 교과목 개요 수업개요 본 수업에서는 클라이언트 웹 기술인 HTML5, CSS3,Javascript와 서버 기술인 PHP등 웹 프로그래밍과 관련된 기술을 이해한다. 그리고 실습을 통해 웹 사이트 또는 웹 앱을 구현해 봄으로써 최신 웹 표준기술을 습득한다. 수업운영방식 대면 수업으로 함 학교 사이버 캠퍼스를 통한 모든 강의 동영상, 슬라이드, 공지 사항 제공 Flipped Learing 방식 이론 수업 전 예습 : 이론 강의 동영상을 통해 예습 이론 수업 : 그룹 중심의 토론 및 문제 해결 실습 수업 : 개별적으로 실습 과제 해결 관련 기술 소개 분류 클라이언트 웹기술 서버 기술 HTML CSS PHP 이미지 관련문서 HTML5 스팩 CSS3스펙 PHP 메뉴얼 참고.. 2023. 10. 21.
[PHP] GET vs .POST Form Handling (PHP 양식처리) 보안을 사용하여 PHP 양식을 처리하는 방법 양식 데이터를 검증하는 것은 해커와 스패너들로부터 보호하는 데 있어 중요하다. Get vs .POST 공통점 배열을 생성한다. 이 배열 안에는 key/value가 저장되어 있으며 key는 양식 컨트롤의 이름이 되고 value는 유저가 입력한 데이터값이 된다. $_GET , $_POST 로써 다루어 진다. 위의 두개는 슈퍼전역(superglobal)을 뜻하며 어떠한 경우에도 접근이 가능하다. 즉 모든 함수, 클래스, 파일에서 접근이 가능하다. %_GET URL 매개변수를 통해 현재 스크립트에서 전달된 변수 배열이다. %_POST HTTP POST 메소드를 통해 현재 스크립트에서 전달된 변수 배열이다. GET을 사용할 때 - GET 메소드를 사용하여 전송된 정보는.. 2023. 10. 18.
[시스템프로그래밍] 3장 실수의 표현 및 처리 1장 복습(Computer System) https://youknow301.tistory.com/106 2장 복습(정수의 표현) https://youknow301.tistory.com/111 소수점 숫자 표시 방법 1. 고정 소수점 방식 - 숫자에서 소수점의 위치를 고정시켜서 숫자를 표현한다. - ex) 1234.6666 - 가장 큰 수는 9999.9999가 되며 가장 작은 수는 0000.0001이 된다. 2. 부동 소수점 방식 - 소수점의 위치가 정해지지 않는다. - 유효숫자 x 소수점의 위치 형태로 표시한다. - ex) 8자리 유효숫자와 2자리 지수로 표현한다면 가장 큰 수 : 9.9999999E+50 가장 작은 수 : 0.0000001 E-49가 된다. IEEE Floating Point IEEE .. 2023. 10. 16.
[PHP] PHP 설치하는 방법 (Apache) 웹 프로그래밍에 있어서 중요한 PHP를 설치해 보도록 하겠습니다. PHP 설치하기 1. Apache 설치하기 아래의 사이트에 들어가서 https://www.apachelounge.com/download/ 위의 빨간색 부분을 누른 다음 설치를 진행 2. Apache 압축해제 압축 해제 후 httpd-2.4.57-win64-VS17 파일을 C:/ 위치로 이동 이동시키는 방법은 1. 다운로드에서 해제를 진행한 파일을 복사한다음 C:/ 에 붙여놓기 2. 압축 해제할때 경로를 C:/ 로 설정 3. Apache 파일 수정 다음 해당위치에 가서 httpd.conf 파일 editor로 연다. editor는 vscode, 메모장 등등 어느 것을 써도 상관이 없지만 여기서는 vscode로 설명하겠습니다. 1. Define.. 2023. 10. 16.
[컴퓨터 구조] 어셈블리어 예제 (Symbolic program to Add 100 Numbers, Subtract Two Numbers,Multiply two positive Numbers) 기본적인 Instruction (외우기) 1번 두 숫자 빼기(Subtract Two Numbers) 정답 코드 풀이 방법 컴퓨터는 빼기를 하지 못한다. 그렇기 때문에 두 숫자를 빼는데 필요한 지식은 2의 보수이다. 즉 위의 경우 MIN - SUB를 진행하기 위해서는 SUB를 2의 보수를 해야한다. 코드 설명 ORG 100 : 프로그램 시작 위치를 100으로 지정하였다. 즉 LDA 위치 100부터 END 108까지 진행된다. LDA SUB : DEC -23를 가져온다. LDA는 AC ←M [AR] ( DR ← M [AR], AC ← DR) CMA : AC의 정보를 complement 한다.(1의 보수로 변한다.) INC : AC ←AC + 1 즉 1을 더함으로 2의 보수로 만든다. ADD MIN : MIN.. 2023. 10. 13.
[컴퓨터구조] 어셈블리어(Assembly Language), 기계어 (Machine Language) 주의! 여기서 말하는 어셈블리어는 실제 mov나 call이 나오는 것이 아닌 Mano가 작성하는 symbolic program을 말한다. Machine Language 컴퓨터 언어 기계어에 대해 알아보자 프로그램(Program) 프로그램이란 데이터 처리 임무를 수행하기위한 명령어 또는 지시문이다. 컴퓨터는 프로그램을 해석하는데에 있어서 binary 형태의 기계어만을 읽는다. 그렇기 때문에 사람이 자바, 파이썬 등의 다른 언어로 작성을 했을 때 이것을 binary 코드로 바꿔야지만 기계가 프로그래밍을 실행할 수 있다. 프로그래밍 언어 타입 1. Binary code : 2진 코드로 이루어지는 기계 언어이다. 2. Octal or hexadeciaml code : 2진 코드와 동등하게 번역해준다. (bina.. 2023. 10. 13.
[웹프로그래밍 실습] Dom을 이용한 할 일 입력 요구 버튼 만들기 문제 다음은 문제의 초기 상태이다. 텍스트를 입력하고 '추가' 버튼을 클릭하면 아래와 같이 1,2,3 숫자번호가 있는 리스트가 생성이 된다. 텍스트 옆에는 '하위 할 일 추가' 버튼이 생성이 되며 버튼을 누를 경우 prompt가 생성이 되고 입력된 prompt 값이 텍스트의 순서 있는('A, B, C') 하위 리스트로 들어오게 된다. 만약 텍스트의 하위 리스트 요소를 지우려면 빨간색 네모칸에 있는 텍스트만을 클릭해야 삭제가 된다. 2023. 10. 12.
[웹프로그래밍 실습] Dom을 이용한 할 일 입력 요구 버튼 만들기 정답 예시 정답 HTML DOCTYPE html> 그룹실습2-DOM 2023 추가 JS document.getElementById("insertButton").addEventListener("click", addList); function addList(){ var para = document.createElement("li"); var text = document.getElementById("insert1").value; var node = document.createElement("span"); var button1 = document.createElement("button"); button1.textContent = "하위 할 일 추가"; node.textContent = text; para.append.. 2023. 10. 12.
[컴퓨터구조] 타이밍 및 제어(Timing and Control), 명령주기(Instruction Cycles), 메모리-참조 명령어(Memory-reference Instructions),컴퓨터 설계(complete computer) Timing and Control Control unit 위의 그림은 기본 컴퓨터(basic computer)의 control unit이 된다. 2개의 디코더와 1개의 SC(Sequence Counter), 하나의 control logic gates를 가지게 된다. IR(Instruction register)의 경우 세 부분으로 나뉘는데 이중 Opcode(Operation code) 부분이 decoder와 연결이 된다. 8개(000~111)의 출력부분이 D0 ~ D7까지 지정이 된다. 명령어의 15번째 비트 I의 경우 지정된 플립플롭으로 전송된다. 4bit SC(Sequence Counter)의 경우 디코더를 통해 T0~T15으로 출력이 된다. Timing signals [위의 그림은 D3T4일때 Cle.. 2023. 10. 11.
728x90
반응형