My favorite things

1) 동영상 삽입 홈페이지에 동영상 tag를 입력해서 게시한 모습 그에 따른 tag 2) 댓글 기능 추가 : Back-end 기술 남이 만든 기능을 써보자! ■ DISQUS https://disqus.com/ Disqus – The #1 way to build your audience Disqus offers the best add-on tools for websites to increase engagement. We help publishers power online discussions with comments and earn revenue with native advertising. disqus.com ■ LiveRe https://livere.com/ 라이브리 소셜댓글 서비스, 무료설치, 체험, ..

이고잉 선생님의 말씀을 받아 복습중이다.. 우선은 딱히 하고 싶은 게 없어 요즘 내가 좋아하는 것들을 주제로 페이지를 만들고 있는데, 제법 재미있군 한국말만 그렇게 표현하는지 모르겠지만 단어를 저렇게 띄어서 표기하는 경우가 많은데, 저 띄어쓰기를 배운 적이 없어서 그냥 넘어갈까하다(_____이렇게 하려고 함...) 결국 꾸글링 띄어쓰기 / : 공백 한 칸 만큼의 자리 차지 : 공백 두 칸 만큼의 자리 차지 : 공백 네 칸의 공간 차지 : 뭔진 모르겠지만 단락을 쉽게 띄어준다! 단, 은 필수... 확실히 나만의 페이지를 만드려고 할 때 욕심부리게 되고... 부족하면 분개하며 구글링하게 되는 군... (수정 전)뭔가 지저분하다.. 기분탓인가.. (수정 후)덜 지저분하게 개조했다. 맞는 건진 모르겠지만... ..

19. 웹서버 운영하기 이번 수업은 내 컴퓨터에 웹서버를 설치해서 누구나 내 컴퓨터에 있는 웹 페이지를 볼 수 있도록 하는 수업 인터넷의 동작을 알 수 있는 건 수업의 큰 장점 웹 호스팅을 많이 사용하기 때문에 작동하지 않더라도 걱정하거나 실망하지 않도록 한다! 우리가 하나의 문제를 해결하는데 며칠이 걸릴 수 있다. 하지만 하나의 문제만이 해결되는 것이 아니라 그 과정에서 수많은 지식과 경험을 얻게 된다. 잘 풀리는 문제는 실력을 확장시켜 주기에 좋지만 막히는 문제는 실력을 확정시켜주기 때문에 좋다. 두 가지 모두 필요한 거예요~ 우선, 자신의 컴퓨터에 웹서버를 설치해야 한다. 웹브라우저 : 제품군 웹서버 : 제품군 - Apache, IIS, Nginx - 우리가 사용할 웹서버는 무료이며 제일 간단한 :..

코딩을 다시 시작한다. 한 달 동안 코딩을 접고 일만 했다.... 현생이 너무 바빠서(체력도 부족하고) 현재의 일에 몰두하기 바빴다. 그렇게 한 달이 지났고, 퇴사를 하게 되면서 본격적으로 코딩에 몰두할 수 있는 시간이 주어졌다. 한 달정도 텀이 있어서 사실 사이트 code는 다 잊어버렸지만 히히 걍 잊어버림을 수용하고, 진도만 빼는 중이다. (언젠가 필요하면 다시 여기로 돌아와서 상기시키면 되지 않을까.. 허허) 처음과 같이 정리하면서 수업을 듣고 있는데, 저작권 문제 때문에 따로 사이트에 업로드 하고 있지는 않다! 중간 중간 컴퓨터 용어를 배우면서 "아 이 길, 정말 옳은 길일까.." 정신이 아득해지고 .. 그런 상황이 있었는데, 생활코딩 선생님께서 위로의 명언을 날려주심과 동시에 다시 번뜩 정신을 ..

16. 원시웹 인터넷과 웹이 어떻게 새상에 등장하게 될 것인가? 이 혁명이 어떻게 시작되고 지속되고 소멸되는가 Internet 과 WEB은 같을까 다를까? 다르다. Internet이 도시(도로)라면 WEB은 그 도시(도로)의 건물 하나(자동차 한 대)와 같다. Internet이 운영체재라면 WEB은 그 운영체재 위에 있는 프로그램(.exe)이라고 할 수 있다. 1960 Internet 등장 핵 공격 시, 통신 마비가 문제됨 핵 공격에도 마비되지 않을 통신 서비스 개발 ►Internet : 중앙이 없음, 수많은 통신장치들이 분산하여 역할을 수행함 거대 기관에서 사용되었던 통신 시스템 1990 WEB 등장 웹의 고향은 어딜까? swiss 스위스에 무엇이 있는가? 제네바 물리학연구소, 강입자가속기(lhc:아주..

이제 생활코딩에서 배운 것들로 나만의 웹 사이트를 만들어 보겠다. desktop - file 생성 editor - file - open folder - 파일 이름 짓기(원하는 이름.html) .html 확장자 작성해주기 자꾸 웹페이지가 안 만들어져서 당황했는데.. 알고보니 확장자를 안 썼던 것.. 1) , , 을 사용하여 clothes recommend 항목 만들기 2) 사용해서 링크 넣기 3) 을 사용하여 사진 넣기 숙제 하나 끝낸 느낌이다.

13. 문서의 구조와 슈퍼스타들 문장을 완성하는 법을 마스터했다. → 페이지 → 책 HTML의 구조를 작성하는 방법과 정말 빈도수가 높은 태그들을 살펴보도록 하자 슈퍼스타를 살펴보는 시간 ◼︎ WEB1이라는 것을 제목으로 하고 싶을 때 WEB1 - html 검색엔진과 같은 기계들은 title이란 정보를 책 표지와 같은 정보로써 사용됨 정보를 글씨로 작성하면 그대로 저장되는 것이 아님 컴퓨터는 모든 것을 0 아니면 1로 최종적으로 저장함 0과 1을 어떻게 저장할 것인지에 대한 여러 약속들이 존재하는데, 그 약속들 중 하나가 UTF-8 현재 우리가 작성한 이 파일은 UTF-8 이라는 방식으로 저장된 상태 그렇다면 우리가 작성한 이 파일을 웹브라우저가 열 때도 UTF-8로 열어야만 문제가 없음 우리가 웹브라우..

10. HTML이 중요한 이유 기초가 중요하다 기초로도 할 수 있는 일이 많다. 배운 것만으로도 할 수 있는 일을 배워보는 시간 https://opentutorials.org 예제 사이트 우리가 글을 쓸 때 내부적으로 어떤 일이 일어나는지 볼 수 있는 것 → source 일반인과 지식인이 coding이라는 제목을 만들 때 *일반인 coding *지식인 coding 일반인의 제목과, 지식인이 쓴 제목과 격이 다르다. ◼︎ 검색엔진으로 비교한다면, 사용자가 coding 를 검색할 때, 제목이 coding 인 사이트와 글 내용이 coding 사이트 중 검색엔진은 제목을 앞으로 빼어 보여주게 된다. 이 때문에 정보를 탄탄히 해주는 것이 중요하다. ◼︎ 또한, 문서를 예쁘게 하기 위해 이미지를 글로 작성하게 되면..

오늘은 생활코딩에서 WEB1 강의 중 혁명적인 변화~줄바꿈까지 강의를 들었다. 직장을 다니다보니, 공부할 수 있는 시간이 주말밖에 없어서 오늘은 반차까지 내고.. 흑흑.. 변명을 해본다. 태그를 배웠다. 궁금한 tag를 검색하고 예시를 활용하고, 정의를 알아보는 일련의 과정을 통해 개발자는 항상 호기심과 궁금증을 갖고 찾아봐야 하는 열정을 가져야 한다고 선생님이 말씀하셨다. 그러고보니, 개발자 유튜버님들이 구글링,구글링~ 계속 반복해서 말씀하시던데 그 당시에는 "구글링이 왜 필요하지?"라고 생각했다. 막상 내가 공부해보니.. 구글링은 정말 필수다. 그리고 (+) 영어도 필수다.....^^ tag가 영어로 이루어져 있기 때문에 영어를 잘하는 사람은 paragraph가 바로 무슨 의미인지 바로 이해하고 "아..

진하게 표현하는 문법 밑줄(underline) : word → tag