웹 사이트에 동영상 넣기 안녕하세요. 웹사이트에 동영상 넣는 방법에 대한 글입니다. 1. 2. 웹사이트에 동영상 넣기 1. 태그 iframe을 사용하면 현재의 html에 다른 html을 포함시킬 수 있습니다. (즉 다른 웹사이트를 삽입할 수 있음) 사용법은 아래처럼 입력하면 사용할 수 있습니다. 아래 사진은 이 코드를 전에 사용하던 코드에 넣고 실행했을 때의 사진입니다. (빨간색으로 표시된 부분입니다.) 이렇게 다른 사이트를 가져올 수 있습니다. 2. 웹사이트에 동영상 넣기 그럼 이 iframe으로 웹사이트에 동영상을 넣어보겠습니다. 유튜브 동영상을 넣어보겠습니다. 이건 간단합니다.(솔직히 iframe이 뭔지도 몰라도 됩니다.) 넣고 싶은 동영상으로 가서 공유버튼을 누릅니다. 그 후 퍼가기를 눌러주세요...
웹사이트에 댓글 기능 추가하기 [라이브리] 안녕하세요. 웹사이트에 댓글 기능을 만들지 않고 추가하는 방법에 관한 글입니다. 1. livere 회원가입 2. 웹사이트에 댓글 기능 추가 댓글 기능을 직접 만든다는 선택지도 있지만 이번에는 만들어져 있는 기능을 그냥 가져다 쓰는 방법입니다. 1. livere 회원가입 라이브리 회원가입을 위해서 아래 사이트로 들어가 주세요. 여기에서 라이브리 회원가입 라이브리 간편한 사진/동영상 첨부 www.livere.com 아래 사진처럼 보일 겁니다. 회원가입 및 로그인을 위해서 로그인을 눌러주세요. 라이브리 회원가입을 눌러서 가입해주세요. 가입하는데 얼마 걸리지 않습니다. 2. 웹사이트에 댓글 기능 추가 이제 가입을 다 했으니 웹사이트에 댓글 기능을 추가해봅시다. 라이브리..
CSS [디자인을 위한 코드] 안녕하세요. 오늘은 css로 지금은 사용하지 않는 태그 디자인을 위한 코드 CSS(1) 1. 지금은 사용하지 않는 태그 태그 사용하기 내용이런식으로 사용해 볼게요. (ex) 내용 web 1. 홈 2. c언어 3. 파이썬 4. java 5. html 본문 이걸 크롬으로 실행해보면 아래 사진처럼 빨간 색깔이 적용됩니다. 이렇게 적은 수라면 일일이 적용해줘도 상관없습니다. 하지만 만약 색을 바꿔줘야 하는 항목이 매우 많다면? 이런 방식으로는 모두 색깔을 바꿔주기는 힘들겁니다. 하지만 css를 사용한다면 이것이 가능합니다. 2. 디자인을 위한 코드 CSS css는 html과 같은 언어가 아닙니다.(css는 디자인을 위한 언어) 그러므로 웹브라우저에게 css코드를 css문법에 따라 ..
html 링크 안녕하세요. 오늘은 html에서 중요한 링크에 대한 내용입니다. 1. 연습할 html 문서 만들기. 2. 링크 연습하기. 1. 연습할 html 문서 만들기 이름은 원하는 것으로 만들고 뒤에 확장자를 html로 해서 만들어주세요. 그 후 메모장이나 ATOM에디터 같은 수정할 수 있는 프로그램으로 아래 내용을 추가해주세요. 본문 입니다. 이렇게 html 구조에 맞게 html문서를 만들었으면 본격적인 내용으로 넘어가겠습니다. 2. 링크 링크를 사용하기 위해 필요한 태그는 태그 입니다. (anchor의 약자를 사용함.) 물론 그렇다고 아래와 같이 a태그만 사용하면 링크가 걸리지 않습니다. 2-1. href 원하는 곳으로 링크를 걸기 위해서는 href(HyperText Reference)를 추가해줘..
HTML 문서의 구조 안녕하세요. 오늘은 html문서의 구조를 올려보려고 합니다. html 파일 만들기 html 구조 완성하기 1. html 파일 만들기 html 파일을 만들어주세요. 내용은 아직 없어도 됩니다. 2. HTML 구조 완성하기. 하나하나 설명하면서 추가해보겠습니다. 순서는 상관 없습니다. 2-1. HTML 문서인지 알려주기. 이 웹페이지가 html로 만들어졌다는 의미로 문서의 시작에 추가해줍니다. 모든 걸 감싸줄 태그도 써주세요. 2-2. 본문 나누기 본문 태그를 사용하고 본문을 설명해주는 곳은 1.아톰 에디터 설치하기 2.웹사이트 파이콘 적용하기 3.html/css 테두리 색깔 변경 4.간단한 웹사이트 만들기 5.html태그 1.아톰 에디터 설치하기 웹사이트 파이콘 적용하기 html/cs..
HTML 태그 안녕하세요. 오늘은 html에 list를 추가해보려고 합니다. html 파일 만들기 태그의 부모(parent) 자식(child) 관계 리스트(list) 태그 1. html 파일 만들기 지금은 그냥 이렇게 확장자가 html이 되게 만들어주면 됩니다. 간단하죠? 2. 태그의 부모(parent) 자식(child)관계 html에서 둘러싼 태그와 둘러싸인 태그를 부모 자식 관계라고 합니다. (ex)
HTML 사진과 속성 안녕하세요. 오늘은 저번에 했던 내용에서 사진을 추가해보려고 합니다. html 파일 만들기 html에서 사진을 넣기 위한 태그 html 문법 1. html 파일 만들기 귀찮으니 이건 저번 글에서 사용했던 1.html 파일을 이어서 하겠습니다. 파일 내용은 아래와 같습니다. 지금부터 1.html과 같은 폴더에 있는 사진을 넣어보겠습니다. 2. html에서 사진을 넣기 위한 태그 html에서 사진을 넣기 위한 태그는 라는 태그입니다. 그렇다고 아래 사진처럼 태그만 입력하면 안 됩니다. 태그만 입력하면 아래 사진처럼 아무런 사진도 나오지 않습니다. 왜 그럴까요? 바로 출력하기 위한 사진의 정보가 부족하기 때문입니다. 즉 해당 태그에는 무슨 사진을 불러올지 알려주는 내용이 없기 때문이죠. ..
html태그 안녕하세요. 오늘은 html을 공부하면서 알게 된 내용을 적어보려고 합니다. html에서 줄 바꿈을 위한 태그입니다. 닫지 않는 태그 단락(paragraph)을 표현하는 태그 1. 닫지 않는 태그(줄 바꿈) 보통 대부분의 태그는 이런식으로 열고 이렇게 닫습니다. 하지만 이번 태그는 닫지 않아도 되는 태그중에 하나입니다. 역할은 줄 바꿈입니다. 줄 바꿈을 해줄 부분에 태그를 넣어주시면 됩니다. (ex) 내용 내용--> 내용/줄바꿈/내용(아래 사진 참고) 글로 설명하려니 힘드네요. 위의 html을 크롬으로 들어가 보겠습니다. 아래 사진처럼 줄바꿈이 됩니다. 2. 단락(paragraph)을 표현하는 태그 단락을 표현하기 위해 사용할 태그는 태그입니다. 이 태그는 위의 태그와는 달리 열고 닫아줘야 ..
간단한 웹사이트 만들기 안녕하세요. 오늘은 html을 공부해보려고 합니다. 매우 기초적인 부분이라 간단하고 별거 없습니다. html문서 만들어보기 글에 강조 태그 적용해보기(, ) 1. 아무거나 입력했을 때 먼저 .html파일을 하나 만들고 아무 글이나 써보겠습니다. 아톰 에디터를 이용해서 1.html이라는 파일에 아무 글이나 입력했습니다. (크흠흠... 아무 글입니다. 게으른 주인장 블로그 구독!!!) 그럼 이 내용을 크롬으로 열어보겠습니다.(다른 브라우저로 열어도 됩니다.) 크롬으로 열어보니 주소창에는 1.html의 경로가 보입니다. 크롬의 화면에는 제가 1.html에 작성한 내용이 그대로 보이네요. 2. 강조(굵은 글씨) 그럼 이번에는 위의 html에 작성한 글을 강조(굵은 글씨) 해보겠습니다. 강..
간단한 웹서버 만들기(simple webserver)[C, Linux, fork] 안녕하세요. 오늘은 유닉스라는 과목을 들으면서 진행했던 프로젝트입니다. 간단한 웹서버를 만들기 multiple client의 요청을 동시에 처리가능하게 만들어야 함. 웹서버를 시작할때 인자로 서비스할 폴더의 위치와 포트를 받는다. total.cgi(nn~mm까지의 총 합을 구해서 화면에 출력) 전송 기록을 log파일로 저장한다.(로그: 클라이언트 아이피, 전송한 파일명, 전송한 크기) 코드 코드는 아래와 같습니다. 코드 파일은 깃허브에서 다운받으실 수 있습니다.(깃허브에 쓰레드로 만들다 만 웹서버도 있습니다.) https://github.com/ykarr/webserver/blob/master/webserver_fork_0..
thread 기반 동시 동작 서버[C, Linux] 안녕하세요. 오늘은 유닉스라는 과목을 들으면서 제가 만든 코드를 올려보려고 합니다. fork기반의 동시 동작 서버 위의 프로그램을 pthread를 이용해서 thread기반 동시 동작 서버로 변경 코드 코드는 아래와 같습니다. 코드 파일은 깃허브에서 다운받으실 수 있습니다. (귀찮아서 나중에 링크 올릴게요.) 1. fork동시동작 서버 2.thread기반의 동시 동작 서버 3.client로 사용한 코드 실행 환경: 왼쪽(학교에서 제공한 서버), 오른쪽(라즈베리파이-라즈비안) 1. fork기반의 동시동작 서버 입니다.(왼쪽이 클라이언트 오른쪽이 서버) 처음에 포트설정을 잘못해서 클라이언트 부분 사진에 connect 오류가 있었습니다. 2. thread기반의..
서버, 클라이언트 연습 프로그램[구구단, C, Linux] 안녕하세요. 오늘은 유닉스라는 과목을 들으면서 제가 만든 코드를 올려보려고 합니다. TCP서버 프로그램 server는 client가 접속하면 random한 구구단 문제를 client로 전송 client는 답을 입력하고 서버로 전송 server는 답이 맞았는지 틀렸는지 client로 전송 client는 server로 부터의 결과를 출력 코드 코드는 아래와 같습니다. 코드 파일은 깃허브에서 다운받으실 수 있습니다. (귀찮아서 나중에 링크 올릴게요.) 1. tcp서버(server) 코드 2. tcp구구단 클라이언트(client) 코드 실행 학교에서 제공한 서버와 제가 가지고 있는 라즈베리파이(라즈비안)를 이용해서 코드를 실행했습니다.(리눅스 환경) 1..
