본문 바로가기
반응형

전체 글340

[일상] 주말 - 남산 한옥 마을 주말, 항상 아침 일찍 일어나려고 하는데 쉽지가 앉다.평일에는 일이 있어서 도서관에서 책을 빌리기가 어려워서아침에 가야하는데 오늘도 밍기적 대다가 겨우 빌려왔다 바람좀 쐬러 나가려다 바지가 필요해서 명동에 갔다옷사고 충무로쪽으로 걸어오다가 남산 한옥마을이 있길래 그냥 들어갔다.입장료는 없더라 요새는 휴대폰이 좋아서 그냥 찍어도 왠만한 디지털 카메라 화질로 나오는 것 같다.예전에는 서울하면 생각나는게 회색에 딱딱한 이미지였다면북서울 꿈의 숲이나 서울숲같이 의외로 초록이 많은것 같다. 신기한게 딱 들어서자 마자 아카시아 꽃 향기가 났다.주위 어딜봐도 아카시아는 못봤는데, 이맘 때쯤 피었던것 같기도 하고.붉은건 단풍 아닌가 싶었다.원래 봄에도 저런색이 나는건가? 오랜만에 탁 트인 하늘을 본것같다.지하철 타고 .. 2017. 4. 22.
[Web] modal pop-up 만들기 modal pop-up 만들기 버튼이나 사진을 클릭 했을때 튀어나오는 나오는 화면을 modal pop-up 이라고 한다.쉽게 말해서, 인스타그램이나 페이스 북에서 사진을 클릭 했을 때,화면 전환 없이 해당 페이지에서 팝업 창이 뜨는 것을 말한다. modal pop-up의 특징으로는 페이지가 넘어 가지 않으므로작은 크기의 팝업 창이 화면 중앙에 위치하며, 외부의 배경색은 반투명 검은색이 보통이다. 예제를 통해 modal pop up을 만들어보자jquery는 사용하지 않는다. 12345678910111213 Open Modal × Some text in the Modal.. Colored by Color Scriptercs HTML 소스코드이다.button 클릭시 팝업이 동작하게 된다.modal의 기본적인 .. 2017. 4. 21.
[일상] 미로 2017. 4. 20.
[NodeJS] 다중 쿼리를 사용할 때 다중 쿼리를 사용할 때 MySQL 모듈을 사용할때 connection은 비동기적으로 발생하기 때문에여러번의 connection 호출을 통해 클라이언트에게 데이터를 전달해 줄수 없다.connection은 한번만 호출되어 res.json 등을 통해 클라이언트에게 데이터를 전달해주는데때문에, 이와같은 상황에서는 다중 쿼리를 사용해야한다. 123456789var connection = mysql.createConnection({ host: loginData.host, port: 3306, user: loginData.user, password: loginData.password, database: 'example', multipleStatements: true})connection.connect();cs 다중 .. 2017. 4. 19.
[SQL] Database 정보를 git에 올라가지 않게 하기 Database 정보를 git에 올라가지 않게 하기 데이터베이스 정보가 노출될 경우 손쉽게 정보들을 가져갈수 있게 된다.따라서 git에 정보를 올리지 않고 별도로 관리가 필요하다. 또한 팀 프로젝트때 로컬에서 데이터베이스를 사용할 경우테이블과 값이 같다고 하더라도 각자 데이터베이스의 정보가 다르므로이를 분리하여 관리하는게 좋다. 예제는 Node JS 기준으로 설명한다. 123456{ "HOST":"localhost", "user":"root", "password":"1234" } cs 우선 JSON 파일을 하나 만든다.이 파일 안에 데이터베이스와 관련된 정보를 저장한다.파일의 이름은 config.json으로 한다.다른 이름으로 해도 상관은 없는데, gitignore에서 등록할때 동일하게만 설정해 주면된다.. 2017. 4. 19.
[NodeJS] Chart JS와 데이터 베이스 연결하기 - 2 [NodeJS] Chart JS와 데이터 베이스 연결하기 - 2 12345678910111213141516171819app.post('/', function(req, res){ var responseData = {}; var query = connection.query('select score from scoreboard where uid="ma" ORDER BY num DESC limit 10', function(err,rows){ responseData.score = []; if(err) throw err; if(rows[0]){ responseData.result = "ok"; rows.forEach(function(val){ responseData.score.push(val.score); }) }.. 2017. 4. 19.
[NodeJS] Chart JS와 데이터 베이스 연결하기 - 1 Chart JS와 데이터베이스 연결하기 - 1 데이터베이스의 자료들을 효과적으로 전달할수 있는 방법 중 하나는 시각화이다.이러한 시각화를 도와주는 라이브러리중 Chart JS가 있는데 데이터베이스와 연동하여 현재의 데이터를 보여주는 예제를 작성해보자 123456CREATE TABLE `scoreboard` (`num` int NOT NULL auto_increment, `uid` varchar(10) NOT NULL,`score` int NOT NULL,PRIMARY KEY (`num`));Colored by Color Scriptercs 우선, 데이터베이스를 만든다.예제 소스는 현재의 스코어를 저장해서 출력한다고 가정한다. 임의의 데이터를 삽입한 상태이다.여기까지 했으면 정적 페이지 생성으로 넘어가자 .. 2017. 4. 19.
[Arduino] 시리얼 통신 시리얼 통신 시리얼 통신이란 통신의 방법으로 직렬 통신이라고도 부른다.이유는 한개의 통신선을 따라 한 비트씩, 시간의 흐름에 따라서 전송되기 때문이다. 직렬통신은 속도가 느리지만 통신거리가 길다는 장점이있다(병렬은 이와 반대)시리얼 통신은 RX(수신), TX(송신) 핀이 필요한데, 아두이노 우노 기준으로디지털 0번핀이 RX(수신), 디지털 1번핀이 TX(발신)이다. 오늘은 PC와 아두이노의 통신 예제를 다루어 볼 것이다. USB 커넥터에 RX/TX핀이 모두 연결되어있기 때문에 USB로 통신을 하면 된다.별도의 회로 구성은 필요없다.다만 다른 기기와 중복 통신이 발생할 수 있으므로 RX/TX핀의 사용을 자제하자. 소스코드(시리얼 에코) 먼저 시리얼 통신에 사용되는 주요 함수를 살펴보자 Serial.begi.. 2017. 4. 19.
[Arduino] Interrupt 인터럽트 아두이노 인터럽트 아두이노는 setup과 loop 함수로 이루어져 있다.loop함수는 계속 순환하며 내부의 코드들을 실행한다.그렇다면 이러한 순환구조를 탈출하여 비정기적으로 발생하는 이벤트를 어떻게 처리할까답은 바로 인터럽트이다. 인터럽트의 사전적 정의는 방해하다/중지시키다 이다.이와 마찬가지로 아두이노에서의 인터럽트도 실행중인 loop를 중지시키고서브 프로시저를 실행후 다시 메인으로 복귀하는 구조를 가진다. 즉 위의 그림과 같은 순환 구조를 가지게 되는것이다.이를 쉽게 설명하자면, 철수가 책을 읽는다고 가정할 때, 철수가 책을 읽는다(메인함수) -> 엄마가 철수를 부른다(인터럽트 발생) -> 책갈피를 꽂는다(복귀주소 저장) ->엄마의 심부름을 한다(이벤트 함수처리) -> 책갈피에 있는 책을 펴고 책을 .. 2017. 4. 19.
반응형

티스토리툴바