전체 글 썸네일형 리스트형 릴리패드 아두이노 실행하기 (LilyPad Arduino) step 1. 사용환경 만들기 먼저 소프트웨어를 설치한다. 아두이노 웹 사이트(https://arduino.cc/en/Main/Software)에 접속하여 아두이노 소프트웨어를 Download 한다. (무료로ㅎ) step 2. LED 깜박이기 아두이노와 컴퓨터를 USB포트로 연결한다. 바탕화면에 설치 후 위 화면과 같이 툴에 들어가 클릭/ 연결되었는지 확인 후 필요없는 것들은 지우고! 노랑부분 위와 같이 적는다. 그리고 →(업로드)누르고 ∨(확인) 버튼 누르면 1초 간격으로 불이 들어온다. (1000=1초) -예제 1번 -예제 2번 A5▶(+-)▶-(마이너스) 2▶(+-)▶-(마이너스) 9▶(+-)▶-(마이너스) 3개의 불이 들어온다 -예제 3번 이하 생ㅇ략. -예제 4번 이 경우 시간차를 두고 불이 들.. 더보기 인스타핏!>< 사진 안 깨지는 사진보정(+photoshop) 안녕하세요! 소낙입니다. 인스타에 사진을 올리면 자꾸 깨지고, 화질이 저하되어 짜증 나본적 있으시죠! (저도 많이 겪어봤답니다ㅎ) 오늘은 인스타 사이즈에 맞게 포토샵하는 방법에 대해 알려드릴게요! 그럼 시작 👉👉👉 먼저 포토샵 프로그램에 들어가 File→New에 들어갑니다. 인스타는 기본적으로 1080×1080px 이므로 규격에 맞추어 만들어 줍니다. 가로1080px, 세로1080px이고 단위도 픽셀로 지정해줍니다. (해상도는 기본인 72, RGB color, 8 bit) 그러면 이렇게 새 작업공간이 만들어지는데요, 이제 이곳에 사진을 끌어오면 끝! 간단하죠?(저는 배경화면에서 사진을 끌어왔답니다) 그리고 사진의 사이즈를 Ctrl+T를 통해 조정하고 File→Save As에서 jpg파일로 저장하면 진짜 .. 더보기 [12] JavaScript 모듈에 대해 알아보자! ※본 게시물은 유튜브 "생활코딩"님의 "JavaScript 입문 수업"을 보고 정리하는 용도로 만든 것입니다. 프로그램은 작고 단순한 것에서 크고 복잡한 것으로 진화한다. 그 과정에서 코드의 재활용성을 높이고, 유지보수를 쉽게 할 수 있는 다양한 기법들이 사용되는데, 그 중의 하나가 코드를 여러개의 파일로 분리하는 것이다. 이를 통해서 얻을 수 있는 효과는 아래와 같다. 자주 사용되는 코드를 별도의 파일로 만들어서 필요할 때마다 재활용할 수 있다. 코드를 개선하면 이를 사용하고 있는 모든 애플리케이션의 동작이 개선된다. 코드 수정 시에 필요한 로직을 빠르게 찾을 수 있다. 필요한 로직만을 로드해서 메모리의 낭비를 줄일 수 있다. 한번 다운로드된 모듈은 웹브라우저에 의해서 저장되기 때문에 동일한 로직을 로.. 더보기 [11] JavaScript 객체 기초 배우기 ※본 게시물은 유튜브 "생활코딩"님의 "JavaScript 입문 수업"을 보고 정리하는 용도로 만든 것입니다. 객체(Object) 지금까지 살펴본 배열은 아이템에 대한 식별자로 숫자를 사용했다. 데이터가 추가되면 배열 전체에서 중복되지 않는 인덱스가 자동으로 만들어져서 추가된 데이터에 대한 식별자가 된다. 이 인덱스를 이용해서 데이터를 가져오게 되는 것이다. 만약 인덱스로 문자를 사용하고 싶다면 객체(dictionary)를 사용해야 한다. 다른 언어에서는 연관배열(associative array) 또는 맵( map), 딕셔너리(Dictionary)라는 데이터 타입이 객체에 해당한다. * 객체의 생성 객체를 만드는 법 var grades = {'egoing': 10, 'k8805': 6, 'sorialgi.. 더보기 [10] JavaScript 배열이란? ※본 게시물은 유튜브 "생활코딩"님의 "JavaScript 입문 수업"을 보고 정리하는 용도로 만든 것입니다. 배열 배열(array)이란 연관된 데이터를 모아서 통으로 관리하기 위해서 사용하는 데이터 타입이다. 변수가 하나의 데이터를 저장하기 위한 것이라면 배열은 여러 개의 데이터를 하나의 변수에 저장하기 위한 것이라고 할 수 있다. 배열의 생성 배열을 쓰면 여러 개의 데이터를 하나의 변수에 담아서 관리할 수 있다. 변수 member에 회원정보를 담을 것이다. 대괄호([])는 배열을 만드는 기호이고 대괄호 안에 데이터를 콤마(,)로 구분해서 나열하면 배열이 된다. var member = ['egoing', 'k8805', 'sorialgi'] 하나의 변수에 3개의 데이터를 담았다. 각각의 데이터는 원소(.. 더보기 [9] JavaScript 함수 ※본 게시물은 유튜브 "생활코딩"님의 "JavaScript 입문 수업"을 보고 정리하는 용도로 만든 것입니다. 함수 함수(function)란 하나의 로직을 재실행 할 수 있도록 하는 것으로 코드의 재사용성을 높여준다. 함수의 형식 function 함수명( [인자...[,인자]] ){ 코드 return 반환값 } 함수의 정의와 호출 함수는 function 뒤에 함수의 이름이 오고, 소괄호가 따라온다. 소괄호에 인자라는 값이 차례로 들어오는데 이 값은 함수를 호출할 때 함수의 로직으로 전달될 변수다. 인자는 생략 할 수 있다. 함수를 호출 했을 때 실행하게 될 부분이 중괄호 안쪽에 온다. 다음 예제를 보자. 이 함수의 이름은 numbering이고, 내용은 0부터 9까지를 화면에 출력한다. function n.. 더보기 [8] JavaScript 반복문 ※본 게시물은 유튜브 "생활코딩"님의 "JavaScript 입문 수업"을 보고 정리하는 용도로 만든 것입니다. 반복문 반복문은 컴퓨터에게 반복적인 작업을 지시하는 방법이다. *반복문의 문법 while 형식 while (조건){ 반복해서 실행할 코드 } 더보기 다음 예제는 무한반복을 발생시킨다. 저장되지 않은 작업이 있다면 모두 정리한 후에 이 명령을 실행하자. 웹브라우저는 무한반복을 허용하지 않기 때문에 어느 정도 시간이 흐르면 스크립트를 종료할 것인지 물어볼 것이다. document.write는 자바스크립트를 이용해서 웹페이지에 텍스트를 출력한다. 이것은 웹브라우저에서만 동작할 것이다. node.js 콘솔과 같은 환경에서 실습을 한다면 console.log와 같은 메소드.. 더보기 [7] JavaScript 논리 연산자 ※본 게시물은 유튜브 "생활코딩"님의 "JavaScript 입문 수업"을 보고 정리하는 용도로 만든 것입니다. *논리 연산자 조건문을 좀 더 간결하고 다양한 방법으로 구사할 수 있도록 도와주는 연산자를 뜻한다. && &&는 좌항과 우항이 모두 참(true)일 때 참이된다. 다음 예제를 보자. 결과는 1이다. &&의 좌우항이 모두 true인 것은 첫번째 조건문 밖에 없기 때문이다. 이러한 논리 연산자를 and 연산자라고 한다. if(true && true){ alert(1); } if(true && false){ alert(2); } if(false && true){ alert(3); } if(false && false){ alert(4); } 다음 예제는 논리 연산자를 이용해서 이전 예제를 개선한 것이다.. 더보기 이전 1 2 3 4 다음
