본문 바로가기

개발공부

(105)
JavaScript 소개 및 자료형 [처음 만난 리액트 #2] 리액트를 배우기 위해 필요한 기초 지식 정리 📄 & 실습 환경 구축 💻 [무료] 처음 만난 리액트(React) - 인프런 | 강의 자바스크립트와 CSS 기초 문법과 함께 리액트의 기초를 탄탄하게 다질 수 있습니다., - 강의 소개 | 인프런... www.inflearn.com 만약 웹사이트가 html만으로 구성되어 있다면, 사용자는 버튼을 누르거나 정보를 입력하는 등의 동적인 작업들을 처리할 수 없음 동적인 작업을 처리하기 위해서 JavaScript를 사용 html은 웹사이트의 뼈대를 구성한다면, JavaScript는 웹사이트가 살아 움직이도록 생명을 불어넣는 역할 JavaScript란? ● 프로그래밍 언어의 한 종류 ● 이름때문에 Java와 연관된 프로그래밍 언어라고 착각하기 쉽지만, JavaScrip..
HTML과 CSS [처음 만난 리액트 #1] 리액트를 배우기 위해 필요한 기초 지식 정리 📄 & 실습 환경 구축 💻 [무료] 처음 만난 리액트(React) - 인프런 | 강의 자바스크립트와 CSS 기초 문법과 함께 리액트의 기초를 탄탄하게 다질 수 있습니다., - 강의 소개 | 인프런... www.inflearn.com HTML (Hyper Text Markup Language)란? 웹사이트의 뼈대를 구성하기 위해 사용되는 마크업 언어 ● 마크업: 문서나 데이터를 처리하기 위해 문서에 추가되는 정보 ● 마크업 언어: 마크업 정보를 표현하기 위한 언어 HTML은 주로 웹에서만 사용, 요즘은 웹브라우저를 이용해서 데스크탑용 앱을 만들 수 있는 기술에서도 HTML이 사용되기도 함 Tag (태그) HTML에서는 Tag를 이용해서 웹사이트의 구조를 만들고 ..
[컴퓨터시스템관리] 15주차 기말고사 과제 ● 전체 시스템 구성도 0. 실습 준비 - Server, Server(b), Client 초기화 미션 1. 각자 서버에 접속할 수 있는 계정이 있었으면 좋겠다. - 계정 생성 (A, B, C) - Shell script programming을 이용해 사용자 계정 생성 미션 2. 재택근무가 가능하도록 서버에 원격으로 접속하면 좋겠다. - VNC Server 구축 - 서버에 원격으로 접속할 수 있는 VNC Server를 구축 미션 3. 스타트업 이름의 메일 서비스가 별도로 있었으면 좋겠다. - 메일 서버 구축 - 스타트업 이름의 메일 서버 : mail.abcst.ac.kr - Server(b)에 DNS 서버, Server에 mail server를 구축한 후 Clie..
[컴퓨터시스템관리] 14주차 실습일지 ● 실습 과제 결과 ● 새로 배운 내용 1. 방화벽 Firewall ▶ 방화벽 : 미리 정의된 보안 규칙에 기반하여, 들어오고 나가는 네트워크 트래픽을 모니터링하고 제어하는 네트워크 보안 시스템 - 신뢰할 수 있는 내부 네트워크와 신뢰할 수 없는 외부 네트워크간의 장벽 구성 ㄴ 신뢰할 수 있는 내부망 (LAN으로 연결되어있음)와 신뢰할 수 없는 외부망 (WAN) - 내부망? 개발자 또는 관리자가 직접 설치하거나 사용하고있는 온라인 또는 오프라인을 통해 확인할 수 있는 (신뢰할 수 있는) 컴퓨터 - 외부망? 인터넷에 연결되어있는 수많은 컴퓨터 중에는 신뢰할 수 없는, 악의적인 목적을 가진 해커들의 컴퓨터도 연결 되어있음. => 신뢰할 수 있는 내부와 신뢰할 수 없는 외부를 구분할..
[컴퓨터시스템관리] 13주차 실습일지 ● 실습 과제 결과 • 나는 html+css 로 하드코딩하겠다! https://opentutorials.org/course/3084/18895 • 백악관도 워드프레스! https://ko.wordpress.com/ • 국내에서 만든, XE https://www.xpressengine.com/ • 그 밖에 설치하고 싶은 웹 서비스.. • 실습 결과 : Client(또는 Host computer) 에서 해당 웹 페이지에 접속한 화면 캡처 또는 영상 ● 새로 배운 내용 1. LAMP (웹서버와 관련된 기본적인 환경) ▶Linux -> OS, 컴퓨터를 제어하는 시스템 소프트웨어 ▶ Apache HTTP Server : HTTP 웹 서버 ▶ My..
[컴퓨터시스템관리] 12주차 실습일지 ● 실습 과제 결과 • 호스트 이름 / 메일 서버 주소 : mail.it.ac.kr • 사용자 계정 : soo ▶ peng@cs.ac.kr -> soo@it.ac.kr ▶ soo@it.ac.kr -> peng@cs.ac.kr ● 새로 배운 내용 0. 원격접속 구축하기 - openssh ▶ 원격접속 사용자 계정 생성 server에는 linux 계정, server(b)에는 linux-b 계정 추가 (adduser 계정이름) ▶ openssh 설치 및 설정 -> server(b) IP 주소 : 192.168.234.129 -> server IP 주소 : 192.168.234.128 1. Mail Server ▶ Email 의..
[컴퓨터시스템관리] 11주차 실습일지 ● 실습 과제 결과 • Server 에 “자신의영문이름.com” 네임 서버를 라운드 로빈 방식으로 구현 • 대체 ip 는 3개로 하며, 동작되는 웹 서버 중 아무거나 가져와도 됨 www.kyobobook.co.kr -> 211.189.37.30 www.tving.com -> 13.225.134.38 www.watcha.com -> 3.34.237.213 • 결과확인 : client 의 웹 브라우저에서 “자신의영문이름.com” 으로의 접속 장면과 “자신의영문이름.com” 으로 질의하여 입력된 ip 주소 확인 -> 설정한 세 개의 대체 IP 중 교보문고의 사이트로 접속되는 것을 볼 수 있다. ● 새로 배운 내용 0. 원격접속 구축 ▶ adduser linux ▶ open ssh 설치 및 설정 apt upda..
[컴퓨터시스템관리] 10주차 실습일지 10주차에는 1. 네트워크 관련 개념을 이해하였으며, 2. Telnet Server, SSH Server, VNC Server의 작동 방식을 이해하고 구축하였고, 3. 다양한 Remote Server의 장단점에 대해 배웠습니다. ● 실습 과제 결과 -> VNC ● 새로 배운 내용 1. 네트워크 ▶ TCP/IP : • 통신의 송수신을 다루는 TCP (Transmission Control Protocol) -> 데이터를 주고받는 것과 관련된 프로토콜 • 데이터 통신을 다루는 IP (Internet Protocol) • 패킷 (packet) 통신 ① - A 컴퓨터가 B 컴퓨터에게 정보를 요청해서 전달받는 형태 -> 요청해서 요청한 결과값을 받는 사이의 과정이 네트워크 - Internet이 모든 네트워크를 포함..