본문 바로가기

분류 전체보기

(14)
13강. 웹 브라우저에 채팅기능 넣기(Tawk) 안녕하세요 오늘은 2020.08.04일 입니다. 어제 밤을 새서 오전에 잠을 푹자고 이제야 일어나서 공부하려고 노트북을 켰습니다. 지난 시간에는 DISQUS를 이용하여 웹 브라우저에 댓글 기능을 추가하는 법에 대해서 배웠습니다. 오늘 시간에는 Tawk 사이트를 이용해서 실시간 온라인 채팅이 가능하도록 설정해보겠습니다. 아래의 링크에 들어가주세요. www.tawk.to 100% FREE Live Chat Software for your website! - tawk.to tawk.to is 100% free live chat software to monitor and chat with visitors on your website or from a free customizable page. www.tawk.t..
12강. 웹페이지에 댓글 기능 삽입(DISQUS) 안녕하세요! 오늘은 2020년 8월 2알 입니다. 7월 말 까지 중요한 일들이 있어서 잦은 야근으로 인해 한 동안 글을 적지 못했습니다. 일을 잘 마쳤으니 이제 웹 개발 공부도 열심히 할 예정입니다 ㅎㅎ 오늘 알려드릴 내용은 웹페이지에 댓글기능을 넣는 방법에 대해서 설명하도록 하겠습니다. 댓글 기능을 우리같은 초보가 구현하기에는 실질적으로 아직 무리가 있기 때문에 DISQUS에서 그 힘을 빌려보도록 하겠습니다. 먼저 DISQUS홈페이지를 가주세요 https://blog.disqus.com/ Disqus Blog Disqus offers the best add-on tools for site owners to power discussions, increase engagement, and earn reven..
11강. 윈도우에서 웹 서버 설치 (APACHE) 안녕하세요~ 지금은 2020.07.25일 오전 12:19분 입니다. 18시까지 일하고 20시 까지 헬스 및 저녁운동, 22시까지 낮잠, 24시까지 정보처리기사 공부, 그리고 지금 이 시간에는 웹 개발 공부를 위해 블로그와 동영상 강의를 켰습니다. 제 입장에서는 타이트한 하루지만 미래의 편한 나를 위해 오늘을 고생하기로 마음 먹었습니다. 그래도 포기하지 않고 2주일간 해내고 있는 데 이 습관을 2년동안 잘 이어나가면 좋겠습니다. 여러분들도 사소하지만 큰 변화를 가져올 습관을 가져보시라고 추천드리고 싶네요 ㅎㅎ 자 그럼 각설하고 오늘의 강의를 진행하도록 하겠습니다. 오늘은 웹 서버 구축을 도와주는 APACHE프로그램 설치 방법에 대해 설명해드리겠습니다. 먼저 구글에 bitnami wamp stack이라고 치..
10강. 웹 호스팅, 웹 서버, Github 안녕하세요~2020.07.23일 오전 12:15분입니다. 오늘은 일 끝나고 낮잠을 2시간 정도 잤더니 매우 상쾌하네요 ㅎㅎ 일, 공부에 지쳐서 요즘은 스트레스를 먹는 걸로 풀다 보니 살이 찌고 있네요 ㅠㅠ 내일부터는 열심히 운동도 병행할 예정입니다. 지난 시간에 배운 내용은 웹서버의 전반적인 내용을 배웠습니다. 그중에서도 저희 같은 초심자들을 위해 웹서버를 제공해주는 사이트에 대해서 설명을 해드리려고 합니다. 오늘 소개해드릴 웹서버 사이트는 GitHub입니다. 사이트는 아래를 참조해주세요~ https://github.com/ Build software better, together GitHub is where people build software. More than 50 million people us..
9강. 웹 브라우저와 웹 서버의 관계 안녕하세요! 2020.07.22 현재 시각은 오전 12:20분입니다. 오늘은 야근을 마치고 공부하려고 노트북을 펴니 지금 시간이네요. 물론 집에 오자마자 침대에 눕고 싶은 마음이 굴뚝같았지만 저처럼 틈틈이 공부하시는 분이 거라는 생각에 저도 힘내서 해보려고 노트북을 폈습니다. 오늘 배울 내용은 지금까지 태그라는 나무들을 배웠다면 오늘은 인터넷이 동작하는 원리라는 큰 숲을 설명해드릴까 합니다. 아마 이 부분을 들으시면 여러분들은 좀 더 쉽게 웹 개발에 다가갈 수 있을 거라 생각합니다. 팀 버너스(최초의 웹 창시자)는 웹을 만들기 위해 2대의 컴퓨터를 장만하였습니다. 각각의 컴퓨터에는 웹브라우저라는 프로그램과 웹 서버라는 프로그램을 개발하였습니다. 웹 서버가 설치된 컴퓨터는 http://info.cern.c..
8강. 웹 사이트 완성하기 오늘은 2020.07.19 일요일 오전입니다. 일주일을 쉴 틈 없이 달려왔더니 오늘은 12시간 정도를 잤네요 ㅎㅎ 하루는 이렇게 잠을 푹 자는 날이 있어서 너무 좋습니다. 그럼 개운한 마음으로 웹 개발 공부를 해보려고 합니다. 오늘 배울 내용은 바로 지금까지 우리가 배운 태그와 속성을 이용해서 웹 사이트를 완정 하는 것입니다. 설명하기 앞서 지난 시간까지 코딩 한 내용을 가져오겠습니다. 지난 시간에 링크 연결하는 것 까지 배웠죠? 좀 더 사이트 같이 만들어보기 위해 큰 제목을 음식으로 바꾸고 그 다음 큰 제목을 "프링글스는 스위트 마요가 맛있더라"로 바꾸겠습니다. 바꾸는 법은 간단합니다. 지난 강의에서 , 태그를 배웠었죠? 그럼 안에 음식 을 넣어주고 프링글스는 스위트 마요가 맛있더라 로 바꿔주시면 됩니..
7강. 링크 태그 <a> 속성 href, title, target 안녕하세요. 오늘은 2020.07.18일 입니다. 어제는 밤샘 근무로 인해 공부를 하지 못하였습니다. 잠 푹자고 코딩 공부할 생각하니 너무 설레네요 ㅎㅎ. 오늘 소개해드릴 태그는 링크 태그인 태그 입니다. 링크는 우리가 흔히 아는 클릭했을 때 그 사이트로 이동하는 것을 의미합니다. 먼저 지난 시간까지 했던 자료를 캡쳐해서 가져와 보겠습니다. 자! 저는 여기서 pringles is so delicious 부분에 링크를 달아주고싶습니다. 그럼 pringles is so delicious를 우선 넣어주세요. 하지만 어디 사이트로 링크를 걸어줄건지를 정해주지 않았죠? 이 때 속성을 이용해서 표현해줍니다. 의 형태입니다. 저는 미리 프링글스와 관련된 사이트 주소를 복사해왔습니다. 그럼 한번 해보겠습니다. 자 이런..
6강. HTML에 가장 자주쓰이는 태그(<!doctype html>, <html>, <body>, <head>) 2020.07.17일이 되어가는 저녁 11시 40분입니다. 제가 어제저녁에 쓴 글을 아침에 올린다는 것을 깜빡하고 저장만 하고 방금 막 올렸네요 ㅠㅠ. 오늘은 정말 피곤한 하루지만 그래도 기왕 하기로 한 거 빠짐없이 배우고 싶어서 오늘도 글을 남깁니다. 오늘 배울 내용들은 제목에서도 짐작이 가는 것처럼 HTML에서 가장 자주 쓰이는 태그들에 대해서 배우고 글을 남기려고 합니다. 지난 시간에 한 저장한 부분을 켜주세요! 현재 우리 웹페이지의 이름인 뭔가요? 1.html입니다. 그런데 이 이름을 다른 이름을 바꾸고 싶어요! 그럴때 쓰는 태그가 바로 입니다. 내용 입니다. 저는 이름을 프링글스로 바꿔보겠습니다. 그럼 pringles 을 적어주면 되겠죠? 한번 해보겠습니다. 노란색 칠한 곳 처럼 웹페이지 제목 ..