Coding Story

1. 크롬 브라우저에서 다음 주소를 입력합니다. → https://codesandbox.io CodeSandbox: Instant Cloud Development EnvironmentsCodeSandbox is a cloud development platform that empowers developers to code, collaborate and ship projects of any size from any device in record time.codesandbox.io 2. 코드샌드박스 사이트에 접속하면 다음과 같은 페이지가 나옵니다.3. 회원가입 및 로그인 화면이 나타나는데, 여기서는 아무 방법이나 선택하셔도 상관없습니다. 4. 계정을 생성하고 로그인 하시면 아래와 같은 화면이 나타납니다.  5..

1. 자바스크립트(JavaScript) : 웹(Web) 페이지를 만들 때 사용하는 언어- 요즘은 자바스크립트로 서버도 개발하는 등 역할의 폭이 확대됨.- 우리가 볼 수 있는 웹 페이지는 HTML(웹 페이지 요소의 배치), CSS(웹 페이지 요소의 스타일링), 자바스크립트(웹 페이지 요소의 동작 정의)로 구성되어있음.2. HTML (HyperText Markup Language) : 텍스트, 이미지, 버튼, 메뉴 등과 같이 웹 페이지에 나타나는 모든 요소의 배치와 내용을 기술하는 언어- HTML만 사용해도 웹 페이지를 만들 수 있지만 이것만으로 스타일을 정의하거나 사용자와 요소 간의 상호작용을 처리하기는 어려움-  HTML로 개발한 웹 페이지는 웹 브라우저에 띄운 움직이지 않는(정적인) 온라인 신문과 같음..

1. 작품 소개 (1) Vision AI를 활용한 동아리방 출입 관리 시스템은 인공지능을 활용하여 실시간으로 이미지를 받아드린 후 저장되어 있는 안면 데이터베이스와 비교하여 사람을 자동으로 식별할 수 있는 시스템 입니다. (2) 동시에 동아리방에 출입한 인원들의 데이터를 활용하여 웹 사이트에 시각화하여 관리자, 회원이 확인할 수 있습니다. 또한 관리자는 웹사이트에서 쉽게 회원을 등록, 수정, 삭제, 검색 할 수 있습니다. 2. 주요 서비스 (1) 출입 통제 → 인공지능이 얼굴인식에 성공한 경우 도어락이 열리게 되며, 성공하지 않은 경우 도어락이 열리지 않습니다. (2) SMS 알림 → 승인에 실패한 경우 관리자의 SMS 알림(telegram)을 전송하는 보안 기능이 있습니다. (3) 출입통계 확인 → 웹..

1. 작품 개요 (1) 개발 배경 - 최근 후쿠시마 농수산물, 폐기물 수입, 오염수 방류 등 방사능 오염과 피폭 가능성에 대한 불안감이 매우 높아짐 (2) 목적 및 필요성 - 기존 방사능 측정기는 대부분 고가이면서 단순한 기능만 탑재함 - 본 작품에서는 IoT 기술을 활용하여 다용도 고부가 가치 방사능 오염 측정 시스템 개발 2. 작품 설명 (1) 활용방안 - 후쿠시마 수입 농수산물, 시멘트, 폐기물, 건축물 등 방사능 오염 방지 - 백화점, 마트, 시장 등 생활 주변 방사능 오염 탐지 - 원자력발전소, 병원, 산업체 등 방사능 오염 탐지 - 실시간 방사능 오염 지도 제작 (2) 기대효과 - 고부가 가치 다용도 IoT 방사능 오염 탐지 시스템 개발 - 방사능 오염 사각지대 탐지 및 데이터 공유로 방사능 ..

1. 메인화면- 상단 메뉴에 자기소개, 진행한 프로젝트, 자격증, 대회, 수상경력, 교육, 활동, 스택, 교육, 문의 메뉴를 구성하여 텍스트 클릭시 해당 메뉴로 이동할 수 있도록 구현하였다.- 좌측의 영어 이름을 클릭하면 메인화면(자기소개) 로 이동하도록 구현하였다.2. 프로젝트- 이때까지 진행했던 프로젝트들을 년도순대로 정렬하여 표시하도록 구현하였다.- 위에서부터 아래로 년도 순으로 정리가 되어있으며 프로젝트명, 프로젝트에 간단한 소개, 개발 참여도와 진행률을 표시하고, 해당 프로젝트의 활동자료로 이동할 수 있도록 버튼을 구현하였다.- 프로젝트들 간의 개발언어, 활용 부품, 활용 기자재 등을 입력하여 간단하게 알 수 있도록 구현하였다.3. 보유 자격증- 현재 내가 보유하고 있는 자격증, 수료..

① 파일 시스템 1) 운영체제가 사용자에게 제공하는 가장 직접적인 서비스 형태 2) 두 부분으로 구성 (1) 파일 : 각종 정보의 논리적 저장단위를 파일로 추상화 → 실제 기억장치에 연결 프로그램과 데이터 저장 상호 관련있는 레코드들의 집합 (2) 디렉터리 : 파일에 관한 정보를 제공 3) 파일 논리적 구조 : 레코드 → 필드 (레코드 키)_primary key / 필드 / .... 물리적 구조 : 블록 → 기억매체에 입출력되는 단위 / 물리적 레코드 (physical record) 4) 파일 시스템의 기능 - 사용자가 생성, 수정, 삭제 가능 - 파일 공유 및 제어 관리 기능 - 백업 (backup) 및 복구 (recovery) 기능 - 사용자-장치 간의 독립성 유지 → 물리적 장치명 대신 논리적 이름..

1) 주소 변환 - 정적 변환 (static mapping) → 네트워크상의 각 시스템에 저장 → 필요시 테이블 검색 → 물리 주소가 변경될 경우 정적 테이블의 주기적인 갱신으로 인한 오버헤드 → NIC 변경, 이동 컴퓨터의 네트워크 이동 등 - 물리 변환 (dynamic mapping) → 물리 주소와 논리 주소 쌍 중 하나만 알면 프로토콜을 이용하여 다른 하나를 알아냄 2) 주소 변환 프로토콜 (ARP) - HTYPE(Hardware Type) : 네트워크 유형 정의 (이더넷 : 1) - PTYPE(Protocol Type) : 프로토콜 정의 (IPv4 : 0800) - HLEN(Hardware Length) : 물리 주소의 바이트 단위 길이 - PLEN(Protocol Length) : 논리 주소의..

1) JAVA 다운로드 방법 1) "java 1.8 download" 검색 후 다운로드 2) 윈도우 + x - 시스템 - 고급시스템 설정 - 환경변수 시스템 변수의 path에 c:￦program files￦java￦java_1.8.033dfd￦bin 추가 3) cmd를 통한 Java Version 확인 > java -version 2) 참고 유튜브 https://www.youtube.com/channel/UC7kzaMzJcdT9-hDh3bdPJWg/videos https://www.koreahtml5.kr 3) 설치 방법 C:￦HybridApp￦폴더에installer_r24.4.1-windows.zip 파일 복사 → 알아서 풀기 → installer_r24.4.4.1-windows.exe 실행

1) 가상메모리 관리 - 주기억장치 공간보다 훨씬 큰 주소 범위의 주소를 지정할 수 있도록 한 개념 - 그림 4-1 참고 - 대부분의 범용 컴퓨터에서 사용 - 예외) 빠른 응답시간을 요구하는 시스템, 특정 목적 시스템은 사용하지 않음 1-1) 가상 주소 공간 V, (virtual address space) - 수행 중인 프로세스에서 생성하는 주소 - 가상적으로 연속적 개념 적용 1-2) 실제 주소 공간 R, (real address space) - 주기억장치(main memory) 상의 주소 - 가상주소에 대응되는 실제주소가 반드시 연속적일 필요는 없음 → 인위적 연속성 : 사용자는 자신의 프로그램이 주기억장치 어디에 저장되는 알 필요가 없음 * 1-1과 1-2는 사상(mapping) / 동적 주소 변환..

1) 프레임워크 - 구현된 기능을 안정적으로 실행하도록 제어해주는 구조를 가진 라이브러리 - 비 기능적(업무적) 요구사항(성능, 보안, 확장성, 안정성 등)을 만족하는 구조 - 프레임워크는 애플리케이션들의 공통점을 찾아 기반 구조를 제공하여 개발자들이 기반 구조를 구현하는데 들어가는 노력 절감하도록 함 2) 프레임워크를 사용하는 이유 - 비 기능적인 요소들을 초기 개발단계마다 구현해야 하는 불합리함을 극복 - 기능 요구사항에 집중할 수 있음 - 디자인 패턴과 마찬가지로 반복되는 문제 해결을 위해 특화된 솔루션을 제공 3) 스프링 프레임워크 - Java 기반 응용 프로그램 개발을 위한 경량의 오픈소스 프레임워크 - 2003년 6월 Rod Johnson이 발표 - 모든 Java 애플리케이션 개발에 사용할 수..