본문 바로가기
node.js 기본 코드 node.js 를 로컬에서 기본으로 실행할 때의 코드입니다. express.js 를 이용하여 서버를 구동하게 됩니다. const express = require('express'); const app = express(); const port = process.env.PORT || 3000; app.get('/', (req, res) => { let { name } = req.query; console.log(name); res.send('Hello ' + name); }); app.listen(port, () => console.log('app is listening on port ${port}')) https//localhost:3000?name=ABC 로 접속 시, Hello ABC 라는 문구가 브.. 2021. 12. 5.
티스토리 북클럽 스킨 문단 사이에 여백 주는 방법 문제현상 티스토리 북클럽스킨의 문단에 바깥 여백을 주는 방법입니다. 먼저, 이상현상은 아래 사진과 같습니다. 사진을 보시면, 애드센스 광고를 넣은 상태에서, 광고와 하단의 문단 사이가 너무 붙어있어, 가독성을 헤치는 것을 볼 수가 있습니다. 이럴 경우에 문단 태그인 태그에 margin 이라는 속성값을 주면 상하단에 여백을 줄 수가 있습니다. 해결방법 티스토리 스킨 설정의 CSS 수정으로 갑니다. .entry-content p 라는 문장을 검색해서 찾습니다. 모두 2곳이 있는데요. 모바일화면과 PC화면을 각각 설정하는 속성이 되겠습니다. 두 군데를 모두 찾아서, margin-top 이라는 속성을 추가해줍니다. margin 이라는 속성은 CSS 속성중 p라는 영역의 바깥쪽에 여백을 준다는 뜻입니다. 변경된 .. 2021. 4. 21.
카카오톡 오픈채팅하는법 (참여방법, 사용팁 등) 우리는 하루의 많은 시간을 국민 메신저인 카카오톡에서 보냅니다. 1대1 채팅이 기본인데, ‘단톡방’이라고 부르는 여러명과의 채팅방에서도 많은 시간을 보냅니다. 단톡방은 보통 지인들과 함께 친목, 모임을 위해 사용하는 방인데요. 비슷한 기능으로 카카오톡 오픈채팅이라는 기능이 있습니다. 오픈채팅방을 사용하면 지인이 아닌, 친구로 추가되지 않은 익명의 여러 다른 사람들과 함께 단톡방에서 소통을 할 수 있습니다. 취미공유방, 인증방, 스터디방, 친목방, 지역모임 등등 굉장히 여러가지의 오픈채팅방이 있는데, 오픈채팅의 참여는 어떻게 하는 것인지, 오픈채팅을 사용하는 팁에는 어떤 것이 있는지 이번 포스팅에서 알아보도록 하겠습니다. ※ 목차 카카오톡 오픈채팅 종류 카카오톡 오픈채팅 검색 및 참여 방법 카카오톡 오픈채.. 2021. 4. 18.
티스토리 스킨 종류 및 북클럽 스킨 소개 블로그를 시작하면서 가장 먼저 신경쓰는 것은 아마도 스킨일 것 같습니다. 특히 티스토리 블로그에는 다양하고 이쁜 테마 스킨들이 많습니다. 그 중, 북클럽 스킨에 대해 살펴보겠습니다. 티스토리 스킨 종류 티스토리 스킨의 종류는 아래 링크에서 보실 수 있습니다. www.tistory.com/skin 사이트에 들어가서 살펴보시면, 매거진, 미니멀, 반응형, 블로그형, 사이트, 초보, 커버지원 등의 스킨타입을 고를 수 있습니다. 최근의 스킨들은 웬만하면 반응형 스킨으로 제작되어 있습니다. (반응형 웹이란?) 반응형이, 사용자가 사이트에 접속하는 기기의 크기, 스크린의 크기에 따라, 그 사이트의 내용이 보기 편하게 구성이 바뀌고 레이아웃이 바뀌는 것을 말합니다. 특히 요즘은 모바일 접속비중이 많아졌기 때문에, 이.. 2021. 4. 16.
반응형 웹이란? 반응형 웹이란? 반응형 웹이란 웹사이트를 구성하고 있는 각 내용과 UI 항목들이, 사용자가 접속한 기기의 크기에 맞춰 다양한 레이아웃으로 자동적으로 변하는 형태의 웹을 말합니다. 우리가 웹사이트를 이용할 때, PC로 들어가거나 모바일 혹은 태블릿으로 접속을 하게 되는데요. PC화면의 구성과 구조 그대로 모바일에서 본다고 생각을 하면, 화면의 크기가 기본적으로 다르기 때문에, 내용을 보는데 어려움이 있을 것입니다. 그렇기 때문에, 기술적으로 이러한 제약사항, 불편사항을 해결한 것이 반응형 웹 기술이 되겠습니다. 또한, PC와 모바일처럼 접속기기가 완전히 다르지 않더라도, PC로 접속한 상태에서 창의 크기를 조절하는 것 만으로도 그 내용이 창 크기에 맞게 유동적으로 조절되는 것이 반응형 웹의 특징입니다. 반.. 2021. 4. 16.
사이드프로젝트란? 사이드프로젝트란? 사이드프로젝트란 주 본업 외 별도로 진행하는 일, 프로젝트, 활동 등을 의미하는데요. 주로 최근에는 IT 관련 분야에서 많이 쓰이고 있는 추세입니다. 회사 등의 업무 이외에 개인적으로 앱을 개발한다던지, 팀을 모아 서비스를 개발하는 한다던지 하는 형태입니다. IT 관련 분야보다는 좀 더 넓은 의미로 따지면, '부업'의 개념이라고 봐도 되겠지만, 부업은 돈을 번다는 가정이 있지만 사이드프로젝트는 돈이 되지 않더라도 자신이 좋아하고 관심이 가는 분야의 일을 한다는 것이 또 의미차이가 있습니다. 사이드프로젝트 영어로 영어 용어를 찾아보았을때, side project 라는 단어는 위의 의미로는 많이 쓰이지는 않는 것 같은데요. 구글에서 찾아보면 side project가 조금은 다른 의미로 사용.. 2021. 4. 16.
티스토리 블로그 다시 시작하기 티스토리 블로그를 다시 시작해보고 있습니다. 지난 글을 살펴보니, 최초에 블로그를 만들었던게 2009년 1월 정도이더라구요. 기억을 더듬어 블로그 주소를 기억해내고, 계정을 찾고 하다보니, 블로그자체가 검색에서 아예 제외되고 사이트등록도 안되있어서, 다시 사이트등록을 하고 스킨도 '북클럽'으로 새로 세팅하였습니다. 정작 남아있는 글은 얼마 안되는데 포스팅 id를 살펴보니 900대가 가까워져 오고 있었습니다. 그동안 꾸준히 글을 적고, 지식정리도 했으면 정말 방대한 나만의 컨텐츠가 되어있을텐데, 꾸준히 하지 못한 제가 조금은 후회스러운 것 같습니다. 요즘 티스토리 저품질이 많다고 하던데, 저품질만 안 걸렸으면 좋겠네요. 아무튼... 다시 시작해보겠습니다.~ 2021. 4. 15.
초대장 배포 완료(12/30) 안녕하세요.초대장이 7장이 남아있네요.댓글 주시면 초대해 드리겠습니다.~ 죄송합니다. 초대장이 많이 없어서, 벌써 다 나가버렸습니다.차례대로 드렸는데, 못 받으신분들께는 죄송합니다.다들 좋은 하루 되세요. 2017. 12. 30.
모바일앱 백엔드 개발 위한 google cloud platform 패턴 https://cloud.google.com/solutions/mobile/mobile-app-backend-services 2017. 12. 10.
[React Native] 안드로이드 기본 앱 개발 #2 (expo 플랫폼 사용, apk 작성, 배포) # Goal.- react native 기반 안드로이드 앱을 작성하고, apk 생성- expo 플랫폼 사용(react native 앱의 작성 및 배포 등을 도와주는 플랫폼, https://expo.io/) # 참고.- react native 안드로이드 기본앱 만들기 #1 (http://blog.sbahn.kr/877)- https://facebook.github.io/react-native/docs/getting-started.html- https://docs.expo.io/versions/latest/guides/building-standalone-apps.html (작성중) $ npm install -g exp { "expo": { "name": "Your App Name", "icon": "./pa.. 2017. 9. 30.