bookmark_borderHTML5

  • HTML
    – HyperText Markup Language
    – 웹페이지 기술을 위한 마크업 언어
    – 웹페이지의 내용과 구조를 담당
  • HTML5 지원 기능
    – 멀티미디어: 플러그인 없이 비디오, 오디오 자체적 지원
    – 그래픽: 3차원 그래픽 지원
    – 통신: 단방향 통신 -> 서버와의 양방향 통신
    – 디바이스 접근: 카메라, 센서 등 제어 가능
    – 오프라인 및 저장소: 오프라인에서도 동작 가능
  • HTML5 기본구조
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Hello Word</title>
	</head>
	<body>
		<h1>Hello World</h1>
		<p>안녕하세요! HTML5</p>
	</body>
</html>
  • <head> 태그 사이
    – 메타데이터 , 문서 이름을 입력
    – meta 태그
    : 사용자에게는 나타나지 않음
    : <meta charset=“utf-8”> : 한글 사용
  • <body> 태그 사이는 웹 브라우저 출력
  • Visual Studio Code 설치 및 디버깅

HTML 학습

bookmark_border웹 개발환경

  • AWS : 아마존 웹서비스
    – aws.amazon.com
    – EC2
    : 클라우드 가상서버
    : Amazon Elastic Compute Cloud
  • Putty
    – SSH(Secure Shell) 를 통한 command line 으로 서버 프로그램 제어
  • WinSCP
    – FTP(File Transfer Protocol) 를 통한 서버에 파일 전송
    – 서버의 파일을 직접 편집 가능
  • vi 에디터
    – 입력모드(input mode)
    – 명령모드(command mode) -> vi 시작 시 기본모드
    – 라스트 라인모드(last-line mode 혹은 EX mode)

    – 내용 삽입
    a : 커서 바로 다음부터 입력
    A : 현재 행 끝부터 입력
    i : 커서 바로 앞부터 입력
    o : 커서 다음에 새로운 행이 추가되면서 입력

    – 내용 삭제
    x : 현재 커서 위치의 한 문자가 삭제
    dw : 현재 커서 위치의 한 단어가 삭제
    dd : 현재 커서 위치의 한 행이 삭제
    D : 현재 커서부터 그 행의 마지막까지 삭제

    – 단어나 문자 찾기
    /little : 첫 little 단어를 파일 아래로 내려가면서 찾음
    ?little : 첫 little 단어를 파일 위로 올라가면서 찾음
    n : 이전의 찾기 명령을 동일 방향으로 실행
    N : 이전의 찾기 명령을 반대 방향으로 실행

    – 종료하기
    wq [ filename ] : 저장하고 종료 (vi 시작 시 filename 이 없었다면 반드시 지정)
    :q! : 저장하지 않고 무조건 종료
    :w : 지금까지 작업 내용 저장 (종료 않음)
    :w [ filename ] : 지정한 이름으로 저장 (종료 않음)
  • Unix Shell
    – 유닉스 쉘 (Unix Shell) = 명령줄
    – 유닉스 운영 체제와 유닉스 계통 시스템을 위한 사용자 인터페이스 제공
    – 문자열 입력으로 쉘 실행
  • UNIX 기본 명령어
    $ ls -al : 파일 목록 보기
    $ cd 디렉토리명 : 디렉토리 이동, ( change directory )
    $ cd .. : 하위 디렉토리 이동
    $ mkdir 디렉토리명 : 디렉토리 생성
    $ rm 파일명 : 파일 삭제
    $ rm -r 디렉터리명 : 디렉토리 안의 파일 및 디렉토리 삭제. recursive
    $ rm -i 파일명 : 한번 묻고 삭제. (질문없이 삭제하면 복구불가하므로 주의 요망)
    $ mv 파일명1 파일명2 : 파일명 변경, move
    $ mv 파일명 디렉터리명 : 파일을 디렉토리로 이동, move
    $ cp [옵션] FILE1 FILE2 : FILE1을 FILE2로 복사, overwrite 주의, -i : overwrite 의 방지

bookmark_border인터넷과 웹앱

  • 인터넷 (inter + network)
  • 프로토콜 (protocol)
    – 컴퓨터나 통신 장비 사이에서 메시지를 주고 받는 양식과 규칙 체계
  • 패킷 (Packet) 전송
    – 큰 용량의 정보를 작은 단위의 패킷으로 나누어 전송하는 방법
  • TCP/IP
    – TCP (Transmission Control Protocol) : 송신자와 수신자 사이의 전송 단계에서 패킷의 주소와 내용을 담당하는 프로토콜
    – IP (Internet Protocol) : 패킷을 목적지까지 보내는 규칙을 정의한 프로토콜
  • 웹(web)
    – World Wide Web (WWW) 의 줄임말
    – 웹의 창시자 : 팀 버너스리
    – 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 전 세계적인 정보 공간
    – 메일, 정보검색, 교육, 인트라넷 등으로 활용
    – Web 을 위한 프로토콜 : HTTP
  • DNS: Domain Name System
    – 사용자가 알기 쉬운 도메인을 컴퓨터가 알기 쉬운 ip주소로 변환하는 역할
  • 웹 접속 과정
  • 웹의 동작
    – 웹 브라우저를 통해 웹 서버에 접속하여 정보 획득 가능
    – 웹 접속과 실행을 위해 프론트 엔드와 백 엔드의 역할이 필요

  • 프론트 엔드
    – 빙하의 노출된 부분
    – 웹의 외관적으로 보이는 부분을 담당
  • 백 엔드
    – 빙하의 숨겨진 부분
    – 웹의 데이터 베이스 관리, 서버 연동 등의 외관적으로 보이지 않는 부분을 담당
  • 프론트 엔드와 백 엔드

    HTML : 웹 페이지의 기본 구조 담당
    CSS : 웹의 스타일을 담당
    JavaScript : 웹 페이지의 동작 담당
    Jquery, nodeJS : 자바스크립트의 기능을 활용
    Cordova : 하이브리드 앱 개발
  • 웹앱
    – 웹 브라우저를 통해서 실행되는 응용 프로그램을 총칭
    – Hosted App: 온라인 상태에서 URL 접속을 통해서 실행되는 웹앱
    – Packaged App: 실행에 필요한 모든 웹 문서와 파일들을 하나의 ZIP 파일로 압축하여 제공하는 웹앱
  • 네이티브 앱(Native App)
    – 각각의 스마트폰 OS 환경에 따라 제작된 앱
  • 모바일 웹(Mobile Web)
    – 웹 어플리케이션을 모바일 스크린 크기로 축소해 놓은 것
    – 일반적인 웹 기술로 개발되고 모바일 브라우저에서 실행됨
  • 모바일 웹앱(Mobile WebApp)
    – 모바일 웹보다 모바일에 더 최적화되고 네이티브 앱화됨
    – 단일 페이지 모델을 사용하여 화면을 전환
    – 모바일 웹보다 실행 속도가 빠름
  • 하이브리드 앱(Hybrid App)
    – 네이티브 앱과 웹 앱의 장점을 가지고 단점을 보완한 앱
    – 외부 형태는 네이티브 앱이지만, 실제 내부는 모바일 웹앱으로 실행
    – 예시: 은행 어플리케이션

bookmark_border생명을 보는 마음

알게되니 몹쓸병이 생겼습니다. 설레임이 사라지는 병, 시큰둥해지는 병

17년을 열심히 살았는데, 다시 살아도 더 열심히 살 수 없을 것 같은데… 나는 그냥 열심히만 살았구나. 내가 없이, 남이 산 길을 따라.
남으로만 산다는 것. 누군가로만 산다는 것. 이 얼마나 서글픈 일인가?

이 넓은 세상에 내가, 나만이 사랑할 수 있는게 하나 정도는 있지 않을까?

그게 뭐 중요한가? 중요한 건 그 길을 아직 아무도 가지 않았다는게 중요하지.
큰오색딱다구리가 둥지를 파고 새끼를 키워서 내보내는 일을 처음으로 보고 기록해보자. 한번 해보자. 나마저 나를 포기할 수 없는일 아닌가?

좋은 바탕 위에 지은 내 마음의 삶.

자세히 보는 삶.
자세히 보는 삶을 살기 위해 어찌하면 좋은가?

  1. 다가서는 삶
    실천(실제로 밟아가는 것).
    그대는 거기에 계쇼. 내가 다가가리다. 더 이상 그대가 다가오기를 기다리지 않으리다.
  2. 무엇이라도 눈높이를 맞추는 삶
    내가 진정 그대가 되리라 애썼다.
  3. 오래도록 기다리면서 지켜보는 삶
    오래도록
    내가 생각하는 오래도록은 무엇인가?
    만날때까지 그리고 처음부터 끝까지
  4. 생각, 그 끝에서 나를 보는 삶
    목이버섯. 이렇게 저렇게 보고 말을 걸어보고 그 끝에서 나를 바라본다.
    장하다. 참으로 장하다.
  5. 무엇 하나만 보는 삶
    그 누구보다 잘할 수 있는하나.
    둥지 하나는 포기하지 않고
  6. 누군가를 사랑하는 삶

– 2022년 1월 8일 여우숲에서 김성호 선생님의 수업

bookmark_border[애국가] 이대로 좋은가? (과제)

K-MOOC 내 삶에 영향을 주는 음악 수업 11주차 과제

[애국가] 이대로 좋은가?

우리의 애국가를 그대로 사용할 것인가? 아니면 바꾸어야 할 것인가?
단도직입적으로 나의 의견을 말하자면 “바꾸어야 한다”이다.

역사는 무엇일까에 대해 고민해 보아야 할 문제이다. 역사는 단지 과거에 일어난 사실일까? 아니면 오늘날 평가하는 불분명한 기억인가? 또 아니면 미래를 위한 재평가 되어야 하는 그 무엇인가? 에 대해 함께 고민해야 한다.

우선 사실에 비쳐보면 윤치호는 분명하게 자신의 영달을 위해 나라와 민족을 배신한 사람이고, 의견이 분분할 수 있지만 우리가 배출한 훌륭한 작곡가인 안익태도 친일 행적을 분명히 피할 수 없다. 둘째 오늘에 평가하는, 아니 평가하고 싶은 역사는 윤치호도 당시는 애국의 발로로 애국가를 작사 하였다거나, 당시 도산 안창호가 애국가를 함께 작성하고 보급에 힘썼다거나, 안익태 또한 일부 친일행적을 행한 것이라고 애써 평가할 수 있을것이다. 또는 그때는 어쩔 수 없었다일 것이다. 가장 중요한 셋째, 우리는 미래를 위해 어찌해야 할것인가의 문제가 남는다.

나에게 노름에 술 주정뱅이였던 할아버지가 있다고 가정해 볼 수 있다. 분명한 사실은 할아버지의 행적이 옳지 못했다는 사실이고, 애써 할아버지의 좋은면과 기억만 부각할 수도 있을 것이다. 그러나 나에게 그 피가 흐르고 있고 나와 나의 자식에게 분명한 경고를 남기는것이 가장 중요하다고 생각한다.

애국가를 바꾼다는 것은 상당한 사회적 비용을 필요로 한다는 것은 자명하다. 나라를 사랑하는 사람들의 반대를 어떻게 극복할 것인가의 문제인것이다. 듣고 있노라면 가슴에서 뜨거운 무언가가 올라오는 애국가, 그간 해방후 우리의 역사에 함께한 애국가를 버린다는 것은 마치 할아버지를 버려야 하는 아픔과 같을 것이다. 오랜 시간의 설득과 공감대 형성을 필요로 하는 문제이다.

당장은 힘들겠지만, 그런 사실이 있었다는 것을 분명하게 기록하고 사회적 합의를 거쳐 애국가를 공모하고 우리나라와 한민족을 대표할 수 있는 애국가를 기대해 본다. 지금은 힘들지만 미래 이 땅에서 살아가는 자손들에 대한 현 세대의 의무라고 생각한다.

bookmark_border5분 뚝딱철학

작업중 : http://mylittleforest.kr/wordpress/blog/2022/03/22/1471/

5분 뚝딱철학, 김필영, YouTube-5분뚝딱철학

철학의 진정한 효용성은 ‘생각의 명료화’입니다.

철학사 지도

(이성, 지성) 존재론, 인식론, 논리학, 과학철학, 수학철학, 언어철학
(의지,합리론 도덕) 윤리학, 종료철학, 정치철학, 심리학
(욕구, 욕망) 미학

[1부 진]

1장 존재론

만물은 무엇인가?

신은 존재하는가?

물질과 정신 중 어느 게 진짜인가?

세상은 변화하는가?

보편자는 존재하는가?

시간과 공간이란 무엇인가?

시간이란 무엇인가?

존재란 무엇인가?

2장 인식론

진리는 절대적인가, 상대적인가?

진리란 무엇인가?

지식의 원천은 무엇인가?

지식은 절대적인가, 상대적인가?

3장 논리학

논리학이란 무엇인가?

논리적 방법이란 무엇인가?

논리적 방법론이란 무엇인가?

4장 과학과 수학

과학과 철학

수학과 철학

5장 언어와 구조

언어란 무엇인가?

구조주의란 무엇인가?

[2부 선]

6장 윤리학

어떻게 살 것인가?

7장 종교철학

철학과 종교를 어떻게 연결할 것인가?

철학과 종교는 화해 가능한가?

8장 정치철학

이상국가란 무엇인가?

정치를 어떻게 할 것인가?

정의란 무엇인가?

9장 심리학

인간이란 무엇인가?

[3부 미]

10장 미학

예술이란 무엇인가?

아름다움이란 무엇인가?

에필로그 ‘철학 마을’에 오신 걸 환영합니다