전체 글(544)
-
2022-07-18 HTML_6
https://opentutorials.org/course/3084/18488 HTML이 중요한 이유 - 생활코딩 --- 누구나 기초가 중요하다고 말합니다. 하지만 기초가 중요하다는 말을 잘 들어보면 응용으로 가는 과정으로서 기초가 중요하다는 뜻인 경우도 많더라구요. 그런데 사실 기초는 기초만으로도 opentutorials.org 이 글은 이고잉님의 오픈튜토리얼 강의를 듣고 정리한 내용입니다. HTML을 의미에 맞게 사용한다는 것 중요하다. 검색 엔진은 웹 페이지에 담긴 html 코드를 분석한다. 태그에 근거해서 정리 정돈한다. 현대 사회에서 검색 엔진의 위상을 고려해 볼 html의 의미에 맞게 사용한다는 것은 비즈니스 측면에서 중요하다. 또 신체적 장애가 있는 분들이 사용하는 청각화 장비도 html을 ..
2022.07.18 -
2022-07-16 HTML_5
HTML 코딩 실습 환경 준비 - 생활코딩 HTML 코딩 실습 환경 준비 - 생활코딩 --- 기획이 끝났으니 이제는 코딩하기 위한 준비를 해보겠습니다. 코딩을 하기 위해서는 에디터(Editor)라는 프로그램이 필요합니다. 각자의 운영체제에는 이미 에디터가 준비 되어 있습니다. opentutorials.org 이 글은 이고잉님의 오픈튜토리얼 강의를 듣고 정리한 내용입니다. 준비 강의에서는 atom editor로 진행하지만, 나는 vs code를 사용하기로 했다. 바탕화면에 web이라는 디렉터리를 만든다. 프로젝트에 사용할 파일은 이곳에 저장한다. 강의 목표 오픈 튜토리얼 html 강의의 목표는 아래와 같은 웹 페이지를 만드는 것이다. 강의에서 이고잉 선생님이 … 우리 수업에서 강조하는 부분은 자기 자신을 ..
2022.07.17 -
2022-07-16 WEB_1
웹 개발을 위한 vscode setting 비쥬얼 스튜디오 코드 설치 및 웹개발을 위한 필수 익스텐션 10개 추천 | 프론트엔드 개발자 입문편: HTML, CSS, Javascript 시작할 때 알면 좋은 것 ⇧+⌘+P : 상단에 명령 팔레트 창을 연다. html:5 + tab : .html 파일을 처음 만들었을 때 기본 형식을 완성해준다. ⌘L ⌘O: 명령 팔레트 >live Server : open with live server 단축키 시작 오픈튜토리얼은 https://opentutorials.org/course/3084에서 배울 예정이다. 하핫. 책까지 사버렸다.
2022.07.16 -
2022-07-13 ssh_key
로그인 없이 로그인 하기 (ssh key) - 생활코딩 수업소개 ssh, rsync, git와 같은 기술을 사용할 때 로그인이 번거로우신가요? 보다 안전한 방법으로 인증하고 싶으신가요? 두가지 고민을 한꺼번에 해결하는 방법이 있습니다. ssh 공개키를 이용하 opentutorials.org 이 글은 이고잉님의 오픈튜토리얼 리눅스 강의를 듣고 정리한 내용입니다. ssh key 보통 ssh를 통해서 통신할 경우 ip와 passwd를 통해 접속한다. 다만 이 경우 네트워크 상에 비밀번호가 노출될 수 있다. 이에 간편하면서도 안전한 ssh key 방식을 사용한다. ssh key를 사용하기 위해서 우리가 해야 할 것들 1. client가 public key와 private key를 생성한다. ssh-keygen ..
2022.07.13 -
2022-07-12 rsync
인터넷을 통한 서버간 동기화 (rsync) - 생활코딩 수업소개 여기서는 인터넷을 통해서 컴퓨터와 컴퓨터의 파일을 동기화하는 방법인 rsync 대해서 알아봅니다. 수업 강의 1 강의 2 opentutorials.org 이 글은 이고잉님의 오픈튜토리얼 리눅스 강의를 듣고 정리한 내용입니다. rsync 수업목표 : “여기서는 인터넷을 통해서 컴퓨터와 컴퓨터의 파일을 동기화하는 방법인 rsync 대해서 알아봅니다.” rsync는 컴퓨터 시스템 상에서 파일을 효율적으로 전송하고 동기화하기 위한 유틸리티의 하나로, 파일의 타임스탬프와 크기를 검사함으로써 이루어진다. rsync 명령어는 서버 간에 동기화나 백업을 진행할 때 유용하다. 적은 양의 리소스와 빠른 퍼포먼스로 동기화를 구축할 수 있다.(변경된 파일에 대해..
2022.07.12 -
2022-07-12 도메인(Domain)
도메인 (domain) - 생활코딩 수업소개 여기에서는 도메인이 무엇인가를 구체적으로 알아보고, 도메인을 구입해서 사용하는 방법에 대해서도 알아봅니다. 수업 강의 1 - 기본 강의 2 - hosts 파일 강의 3 - 도메인 구입 강의 4 - opentutorials.org 이 글은 이고잉님의 오픈튜토리얼 리눅스 강의를 듣고 정리한 내용입니다. Domain 영역, 범위 혹은 소유지라는 의미의 영어단어다. 컴퓨터와 관련된 도메인의 의미는 … 넓은 의미로는 네트워크상에서 컴퓨터를 식별하는 호스트명을 가리킨다. 좁은 의미에서는 도메인 레지스트리에게서 등록된 이름을 의미한다. 이를 통틀어서 ‘웹 주소’라고 (잘못) 부르는 경우도 있다. 출처 : https://ko.wikipedia.org/wiki/도메인_네임 d..
2022.07.12 -
2022-07-10 웹서버(apache)_2
라우터 설정을 열어서 포트포워딩을 수행해 집에서 놀고 있는 라즈베리파이로 웹서버 돌리기. 죽은 라즈베리파이 살리기 사실 죽은 지 산지도 모른다. 부팅을 안 한 지 한참이나 되었다. 이전에 운영체제로 라즈비안을 설치했었는데... 지금은 전원을 넣어도 반응하지 않는다. 운영체제부터 다시 설치해야 할 것 같다. 라즈베리파이 우분투 설치 라즈베리파이 우분투 설치 : “Raspberry Pi Imager”를 통해서 쉽게 설치할 수 있다. 몇 년 사이에 엄청 편해졌다. 옛날에는 몇 번이고 포맷하고 다시 깔고 고생했는데… 그렇게 우분투 20 버전을 설치한다. (아직은 22버전의 안정성이 의심돼서…) 인터넷 연결 해당 파트는 우분투를 설치하고 무선 인터넷에 수동으로 연결해야 하는 제한적인 경우에만 필요한 내용이다. 해..
2022.07.10 -
2022-07-08 웹서버(apache)_1
웹서버 (아파치) - 생활코딩 수업소개 이번 수업에서는 서버의 구체적인 사례로서 웹서버 그 중에서 아파치 웹서버를 설치하고 운영하는 방법에 대해서 알아봅니다. 수업 강의 1 강의 2 강의 3 강의 4 opentutorials.org 이 글은 이고잉님의 오픈튜토리얼 리눅스 강의를 듣고 정리한 내용입니다. 웹서버(apache) 웹서버는 클라이언트의 요청(request)을 대기하고 있다가 요청이 들어오면 요청을 분석한다. 웹서버는 분석에 맞는 결과값(response)을 클라이언트로 반환한다. 직접 웹서버를 설치하고 접속해 이 과정을 이해해 보자. apache 설치 웹서버의 종류는 apache, nginx, IIS등이 존재한다. 우리는 apache를 사용할 것이다. 또 별도의 도메인 네임을 획득하지 않은 상태로..
2022.07.08