반응형 개발220 [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. [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. 이전 1 ··· 30 31 32 33 34 35 36 ··· 55 다음 반응형
