목록작업실 (27)
호랑사과
이 글은 오픈튜토리얼스의 생활코딩의 '웹어플리케이션 만들기'를 듣고 개인적으로 정리한 내용입니다. 굵은 글씨로 된 제목을 누르시면 해당 강좌로 이동할 수 있습니다. 함수 사람은 인지 능력에 한계가 있기 때문에 어느정도 복잡해지면 받아들일 수가 없다. 이를 위해 정리정돈 해야 하는 기술이 필요한데 이것이 함수다. 여러 부품이 합쳐서 함수가 되고 여러 함수들이 하나의 함수로 만들 수 있다. JavaScript(이하 JS)와 PHP에서는 'function 함수 이름( ){}'을 사용하여 선언하고 '함수이름( );'으로 사용을 한다. 'input'이 입력 값을 받아 함수의 계산을 거친 값을 'return'을 사용하여 출력 값을 반환한다. C언어와 사용 방법이 비슷하지만 함수를 처음 선언할 때 'function'..
이 글은 오픈튜토리얼스의 생활코딩의 '웹어플리케이션 만들기'를 듣고 개인적으로 정리한 내용입니다. 굵은 글씨로 된 제목을 누르시면 해당 강좌로 이동할 수 있습니다. 로그인 기능 만들기 prompt 함수를 이용하여 물어보는 팝업창을 띄울 수 있다. 암호를 입력 (12343 입력)을 하면 "/7-1.php?password=입력한 암호(12343)"으로 주소가 바뀐다. 물음표 이하는 사용자가 입력한 정보 중의 password 값을 나타낸다. 사용자가 입력한 값을 받아올 때는 '$_GET["받고자 하는 변수명"]' 을 사용하여 값을 받는다. 반복문 JS와 PHP 모두 while(true/false){ }를 사용한다. 줄간격을 바꿀 때는 태그를 사용한다. 배열 JS에서는 list = new Array("one",..
이 글은 오픈튜토리얼스의 생활코딩의 '웹어플리케이션 만들기'를 듣고 개인적으로 정리한 내용입니다. 굵은 글씨로 된 제목을 누르시면 해당 강좌로 이동할 수 있습니다. PHP에 대해 웹서버, PHP, 데이터베이스는 해당에 맞는 소프트웨어를 설치하여 구현한다. 웹브라우저 (예시 : http://a.com/a.php) -> 웹서버 -> PHP -> 데이터베이스 PHP 구현은 body 태그 안에 을 넣어 구현한다. 예를 들면 위 그림과 같이 PHP가 데이터베이스에 topic이라는 table을 불러오는 것을 요청하고 PHP가 맨 오른쪽의 html의 리스트를 구현하게 한다. PHP 환경 설정 변경 PHP에 대해 공부하기에 앞서 다음과 같이 설정을 한다. 'C:\Bitnami\wampstack-5.6.30-5\php'..
이 글은 오픈튜토리얼스의 생활코딩의 '웹어플리케이션 만들기'를 듣고 개인적으로 정리한 내용입니다. 굵은 글씨로 된 제목을 누르시면 해당 강좌로 이동할 수 있습니다. CSS : Cascading Style Sheet CSS는 HTML와는 독립된 언어지만 함께 써야한다. CSS는 HTML을 디자인하기위해 존재한다. 이라는 태그를 이용하여 HTML에 적용시킨다. 태그가 담고있는 정보는 CSS 문법에 따라 정의한다. 은 HTML 언어이다. h1{color:red} 에서 h1은 h1을 가리키며 이것을 붉은색으로 나타내라는 의미이다. h1은 선택자(selector)이며 {color:red}는 어떤 효과를 나타낼지 의미하는 서술(description)이다. color:red는 속성이라 가리키며 다른속성과는 ; 으로 ..
이 글은 오픈튜토리얼스의 생활코딩의 '웹어플리케이션 만들기'를 듣고 개인적으로 정리한 내용입니다. 굵은 글씨로 된 제목을 누르시면 해당 강좌로 이동할 수 있습니다. HTML : Hypertext Markup Language 이론 하이퍼 텍스트는 문서와 문서가 링크로 연결 되여 있는 시스템을 말한다. 이것은 팀 버너스가 고안했다. 이런 링크로 문서와 문서가 연결되어 웹이 구성된다. 즉, 링크는 HTML의 본질이며 HTML의 본질은 웹의 본질이라 할 수 있다. 마크업 랭귀지는 태그를 이용하여 표시하는 언어를 말한다. 태그는 예시로 생활코딩 처럼 꺾쇠표시()를 한 것을 이야기한다. 여기서 '생활코딩'은 contents라 한다. HTML 문법 - 속성 태그는 링크를 나타내는 태그이다. 생활코딩는 '생활코딩'에 ..
이 글은 오픈튜토리얼스의 생활코딩의 '웹어플리케이션 만들기'를 듣고 개인적으로 정리한 내용입니다. 굵은 글씨로 된 제목을 누르시면 해당 강좌로 이동할 수 있습니다. 웹 어플 만드는 순서 구상 -> 기획(계획) -> 디자인 -> 개발 -> 테스트 -> 다시 구상 (반복) 1차적으로 완성을 우선시 해야 한다. 그것은 가장 쉽고도 어렵다. 여러가지 필요한 기능들을 신중하게 추가해 나가야한다. 기능하나 추가하는 것에 신중을 기해야하는 것은 지수폭발과 같은 경우의 수가 많아지는 경우가 생기기 때문이다. 예를 들어 체크박스 1개의 경우의 수는 2, 체크박스 2개의 경우의 수는 4, 체크박스 n개의 경우의 경우의 수는 2n처럼 폭발적으로 경우의 수가 늘어난다. 그러므로 시작할 때는 작게 시작하는 'Start smal..
지난 달에 Fiio의 Q1이라는 DAC겸 Amp를 샀었습니다. 스마트폰에 DAC를 껴보고 싶었는데 micro usb to micro usb 케이블을 별도로 구매해야 한다고 해서 찾아보니 가격이 영 저렴하지 않았습니다. 그래서 알리에서 직접 주문하고 만들어보자며 알리에 micro usb 단자를 주문했습니다. 6월 5일에 주문한 것이 드디어 오늘에서야 도착하여 바로 만들기 시작했습니다. 제작에 필요한 것은 필수요소인 micro usb 단자 2개와 고장난 케이블, 그리고 납땜하기 위한 도구들(납땜기, 실납 등)이 필요합니다. 최종 완성품을 먼저 보여드리자면 위와 같습니다. 적당한 길이로 케이블을 자릅니다. 케이블을 잘라보면 검,흰,녹,빨 선 4가닥이 나옵니다. 여기서 초록색 선 왼쪽에 있는 것은 케이블 피복이..
리퍼로 샀던 M705 두 개가 사이좋게 버튼이 고장나서 직접 수리하게 되었습니다. 수리법을 찾던 도중 무납땜으로 수리할 수 있는 유튜브 동영상을 찾게 되어 보면서 수리하였습니다. 동영상을 보고도 이해하기 힘들실 것 같은 분들을 위해 수리기를 작성하였습니다. 이 방법은 마우스 스위치 부품인 옴론 스위치 자체를 뜯어서 구리 스위치를 구부려 고치는 방법입니다. 공구는 십자 드라이버, 일자 드라이버, 롱로우즈(뺀치)가 필요합니다. 먼저 5개의 나사를 풉니다. 가볍게 분해가 가능한데 열어보면 케이블이 연결되어 있으니 뽑아 놓습니다. 고장난 쪽의 스위치의 커버를 위와 같이 일자 드라이버로 엽니다. 분해하면 커버와 스위치 버튼과 다음과 같은 구조를 볼 수 있습니다.옴론 스위치의 작동 방법이 흰색 스위치 버튼을 누르면..