분류 전체보기
영상통신 기술노트 - 영상처리 기초 (1)
영상처리의 개념 - 인간이 보고 인식하는 과정을 공학적으로 취급하는 학문 - 영상을 개선하고 복원하며 변환하고 해석하며 인식하고 압축/복원하는 처리 - Digital Image Processing : 2-D/3-D signal processing a) 문자, 음성, 영상 → 데이터 처리 → 정보 영상처리의 목표 - 영상데이터를 처리해서 인간의 의사결정에 도움이 되는 영상정보를 취득 영상정보의 유용성 - 물리적 감각(시각, 청각, 촉각)과 화학적 감각(후각, 미각)을 통해 외부세계로부터 데이터를 취득하여 두뇌에서 정보로 변환 - 시각에 80%를 의존 - 시각은 청각에 비해 초당 100배 정도의 데이터를 획득 - 청각은 촉각에 비해 초당 100배 정도의 데이터를 획득 - 즉, 시각 > 청각 > 촉각 > 순으..
웹 프론트엔드 강의(4)
우선 소스부터 보여드리고나서 그 다음에 설명하겠다. go1 go2 go3 go1 여기서 #은 정의가 안되었다는 의미이다. function 은 함수라는 의미이며 sayhello( )에서 괄호안의 message라고 변수를 선언해줌을 의미한다. alert(message)하면 message라는 변수가 출력되는데 이때 go1을 눌렀을경우 hi~~ , go2를 눌렀을 경우 abc~~ , go3를 눌렀을 경우 123~~가 출력된다. 일단 이렇게 되고 go1 눌르면? go2 눌르면? go3 눌르면? 이렇게 출력된다. 다음은 준비물이 필요한다 파일질라로 영화포스터사진, 음식사진, 선물사진을 가져오자. 영화 음식 선물 영화버튼을 눌렀을 때 영화포스터사진 음식버튼을 눌렀을 때 음식사진 선물버튼을 눌렀을 때 선물사..
웹 프론트엔드 강의(3)
오늘은 자바스크립트를 간단하게 배워보겠다. html에서 자바스크립트를 쓰는 방법은 다음과 같다. 이렇게 스크립트 태그를 써줄것이다. 이런 식으로 세팅을 해둔다. 자바스크립트는 스크립트 태그안에서 코딩을한다고 생각하면된다. 보통 html은 세미콜론 ;를 사용하지 않지만 스크립트 태그를 사용하면 일반 프로그래밍 언어처럼 세미콜론 ;을 붙인다. c언어에서는 printf 함수가 출력에 있어서 기본적이었다면 자바스크립트에서는 alert 함수가 기본적이다. Hello Javascript 이렇게 한번 써서 출력해보자. 그러면 이렇게 출력이 된다. 신기하지 않은가? 자바스크립트는 이렇게 스크립트 태그 사이에 쓰는 것이다. 자바 스크립트 태그를 여러 개 만들어서 쓸 수 도 있다. 여기서 중요한게 자바스크립트 태그를 ..
파일질라 설치
filezilla.softonic.kr/download FileZilla 신난다 무료 FTP 클라이언트 filezilla.softonic.kr 이 사이트에서 파일질라를 설치한다. 2020.12.24 기준으로 설치한 것이며 훗날엔 더 좋은 버전이 나와있을 것이다. 그리고 다 깔고 실행시키면 이렇게 뜰것이다. 여기서 이 부분을 클릭한다. 이 부분은 '사이트 관리자 열기' 라고 부른다. 그러면 새로운 창이하나 뜰텐데 그러면 이걸 누른다. 그리고 그러면 오른쪽에 이렇게 뜨는데 여기서 빨간 밑줄만 적는다. 호스트에는 우리가 저번시간에 닷홈에서 발급받은 주소를 입력하고 사용자와 비밀번호칸에는 따로 또 새로 아이디와 비밀번호를 입력한다. 그러고 확인을 누르면 다시 원래화면으로 돌아오는데 다시한번 이걸 누른다. 그..
웹 프론트엔드 강의(2)
이번엔 Bootstrap을 이용하여 버튼을 이용하겠다. More More2 More3 body 태그에 이것을 넣어줄 것이다. 넣으면 More More2 More3 다음과 같다 이제 실행시키면? 다음과 같이 나온다. btn-outline을 쓰면 외각선만 나오게된다. btn-success는 주로 초록색 버튼 btn-info 는 하늘색 버튼이 나온다. 이제 앞으로 이 부분은 무조건 복붙해놓고 시작해야한다. 이제 새롭게 index.html말고 새로운 html을 만들어 연동시키자. 필자는 이렇게 많이 만들었지만 간단하게 index.html과 form.html을 연동시키는 법을 알려주겠다. 이 방법을 배우면 다른거 연동시키는건 쉽다. 아이디 패스워드 로그인 회원가입 이렇게 써보자!! 그러면 다음과 같이 ..
웹 프론트엔드 강의(1)
안녕하세요 만약 우리가 이렇게 친다고하면 출력하면 이렇게 한글을 인식하지 못한다. 근데 이 소스를 넣어주면 html에서 한글도 인식할 수 있다. 이게 우리나라 언어만 이렇게 뜨는게아니라 중국어 같은경우도 깨지는 현상이 발생한다고 한다. 안녕하세요 이렇게 바꿔서 다시 쳐주자. 그러면? 정상적으로 안녕하세요가 출력된다. 이때 한글인식하게 만들어주는 구문을 body에 말고 Head에 넣어야한다. 재미삼아 해볼 수 있는 구문으로는 통화하기 문자보내기 이렇게하면 010-1234-5678이라는 전화번호에 전화를 걸거나 안녕이라고 문자를 보낼 수 있다. 실제로 전화나 문자가 가도록 해보지는 말고 테스트만 해보자. 통화하기 문자보내기 이렇게 해주면 이렇게 뜬다. 통화하기를 누르면 이런 식으로 뜬다. 만약 핸드폰으..
웹호스팅을 통한 웹 프론트엔드 환경 구축
일단 www.dothome.co.kr 이 사이트에 접속을합니다. 닷홈 - 호스팅은 닷홈 닷홈은 무제한 웹호스팅, 무료호스팅, 도메인, 홈페이지빌더, 무제한메일, SSL보안인증서, 서버호스팅, 코로케이션 서비스를 제공하고 있습니다. www.dothome.co.kr 유출되면 위험한 수준의 개인정보는 요구하지 않으니 마음편히 회원가입을 해도된다. 여기서 우측 상단에 회원가입 눌러준다 동의 버튼 다 눌러주면된다. 아이디와 비밀번호 확인은 여러분이 쓰실 아이디와 비밀번호 입력하면 된다. 이름(회사명)은 그냥 여러분 이름을 쓰면 됨. 연락처랑 이메일있는데 이건 뭐 말안해도 아실거라 믿는다. 보안가입 문자 입력하는 란도 있는데 그것도 보이는대로 적으시면 된다. 그러면 이런 창이하나 뜰 것이다. 이제..
Notepad++를 이용한 html강의(2)
저번시간에 간단하게 html을 배워보았다. 이번시간에는 CSS도 간단하게 익혀볼 것이다. CSS의 경우 좀 복잡하니 잘 따라와야한다. 저번시간에는 그냥 html이 이런느낌이다 알려주기 위해 자세한 내용은 생략했지만 이번엔 좀 자세히 설명하겠다. html은 위 사진과 같은 트리구조로 구성이 된다. 그렇다면 여기서 문제1. html과 자식관계인 태그는 무엇인가? 답은 head태그와 body태그이다. 문제2. 그러면 html과 손자손녀관계인 태그는 무엇인가? 답은 title태그, 앵커 태그, h1태그이다. 문제3. 그렇다면 body의 부모인 태그는 무엇인가? 답은 html태그이다. 문제4. 그렇다면 my link는 앵커태그의 자식인가? 아니다. 자식관계 같은 느낌이긴 하지만 자식이라고 칭하지는 않고 그냥 ..