본문 바로가기
반응형 웹이란? 반응형 웹이란? 반응형 웹이란 웹사이트를 구성하고 있는 각 내용과 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.
[React Native] 안드로이드 기본 앱 개발 #1 (expo 플랫폼 사용) # Goal- expo 플랫폼 기반에서, react native를 사용한 안드로이드 앱 작성하기.- expo는 react native의 안드로이드, ios 빌드/배포를 도와주는 플랫폼이다.(https://expo.io/) # 참고- https://facebook.github.io/react-native/docs/getting-started.html- https://docs.expo.io/versions/latest/guides/building-standalone-apps.html # 환경- 안드로이드 sdk 설치 필요 없음!- 윈도우- npm 필요(node.js 설치) # 순서 ## 설치 및 구동 $ npm install -g create-react-native-app npm 으로 creat-react-.. 2017. 9. 30.
[reactjs] firebase 에서 react.js 웹 호스팅하기 참고- https://www.codementor.io/yurio/all-you-need-is-react-firebase-4v7g9p4kf # Goal- 로컬에 생성한 react.js 웹 프로젝트를 firebase로 배포하고 테스트 # 준비- npm 설치되어있어야 함.- firebase 계정 및 프로젝트 생성 # 전체 순서-> react 프로젝트 생성-> 생성한 react 프로젝트를 firebase 프로젝트로 설정-> firebase 배포 # create-react-app 설치 및 빌드$ npm install -g create-react-app $ cd projects (프로젝트 상위폴더) $ create-react-app test_app $ cd test_app (react 프로젝트 이름) $ npm s.. 2017. 9. 26.
[강좌 후기] E25 영어말하기 E25 영어말하기- http://www.e25.kr 올해 3월1일에 처음 개강한 E25 영어말하기 과정을 수강하였다.영어학습에 큰 도움을 받았지만, 이제야 후기를 남겨본다. (글재주가 없어서ㅠ) 영어 말하기 초중급자?를 위한 강의이고, (나는 초보)영어를 말할 때, 내가 어떻게 입을 떼야 할지, 어떻게 말을 이어나가야 할지 감을 잡게 해주는 강의인것 같다. # 소개 E25강의는 http://www.koreanenglish.org/ 코리안잉글리시에서 개발된 강의이다.사이트에는 여러가지 영어학습 정보 및 영어공부에 도움이 되는 콘텐츠가 있다. 위 사이트를 운영하시는 Daniel님께서 개발하신 영어강의가 e25이다.강의 내용, 방식을 간략히 요약해보면, 아래와 같다. - 10주간 진행(각 주마다 레슨 오픈)-.. 2017. 9. 19.
[reactjs] html 파일 위에서 react.js 웹 간단하게 시작하기 완전 쌩(?) html에서 react.js 실행하기 참고.https://medium.com/@to_pe/how-to-add-react-to-a-simple-html-file-a11511c0235f 12345678910111213141516171819202122232425Insert title here class Greeting extends React.Component { render() { return (Hello world); } } ReactDOM.render( , document.getElementById('app') ); Colored by Color Scriptercs 2017. 9. 14.