IT & CODE 이야기

PWA란 무엇? 저는 처음 이 단어를 페이스북 광고를 통해서 접하게 되었습니다. PWA란 Progressive Web App의 줄임말로, 네이티브 앱과 같은 사용자 경험을 주는 웹 앱을 의미합니다 2016년 구글 I/O에서 언급된 기술로, 앱을 직접 깔지 않고, 웹 캐시 + 브라우져의 기능을 통해서 네이티브와 같은 경험을 주기위해 고안되었습니다. 구글이 안드로이드 시장을 잡고 있다고 해도, 결국 그들은 검색엔진으로 성장한 기업이니만큼, 검색이 불가능한 앱이 웹을 모두 삼켜버리는 것 보다는 웹이 앱을 품기를 바라고 있습니다.그래서 구글이 펼치는 사업을 잘 보면 크롬북이나 크롬 OS 같은 것들로 여러가지 시도들을 했었지만.. 번번히 패러다임은 앱으로 회귀하고 있습니다.어쨌든 이 PWA를 위해서 구글은 세가지..

요소 참고 UX 요소를 보고 영감을 받고 싶다면 codepen.io를 주로 이용한다. 이곳에는 오픈소스로 제공하는 html, css, js 요소가 많이 있다. 프론트 실력이 여기의 코드를 보면서 점점 늘었다 완성된 사이트 www.awwwards.comwww.gdweb.co.kr

색감을 위한 나의 선택 나는 공대를 다녀서 그런지 정말 색깔에 대한 감각이 없다ㅠㅠ 그러니까 개발에 비유해서 설명해보자면, 나는 UX는 어느정도 만들 수 있는데 UI는 잘 만들지 못한다ㅠㅠ. 그래서 오늘 색감에 대한 글을 추천받아서 한번 정리해 본다. 모두 페이스북에 돌아다니는 이미지들이다! 첫번째 인테리어 색상표이다. 인테리어 색상은 확실히 색깔이 유행을 타기보단, 대체로 무난한 느낌?의 색상 모음이다. 가뜩이나 이쪽 유행도 잘 모르고 팬톤같은데서 어떤 색상 내놓는지 보는것도 귀찮기 때문에 이 색상을 위주로 처음에는 연습을 해야할듯 하다. 두번째 두번째는 사진에서 추출한 색상인듯 하다. 첫번째것보단 덜하게 포인트를 주는 색상이 튄다. 실제 서비스에 적용하거나 제품에 적용할때는 이정도 단계를 적용하는게 ..

대학생 연합동아리 Communis를 소개합니다 안녕하세요! 동아리를 만들고자 하는 저란 인간의 이름은 정승호입니다. 저는 사실 프로그래밍에 관심이 많은 한명의 대학생입니다. 재작년 겨울부터 시작하여 올해 겨울까지 학교 전공, 교양을 제쳐두고 프로그래밍에 관심을 갖게되어 지금까지 쉬지않고 프로그래밍에 대해 학습해 왔습니다.그러던 중 저는 하나의 벽을 마주하게 됩니다. 바로 이론은 알지만 실제로 구현하지는 못하는 좋은 코딩습관이 저에게 아직 자리잡지 못하고 있다는 느낌이었습니다. 그래서 이 벽을 새로운 학습 방법을 통해 좀 더 재미있게 헤쳐나갈 수 있는 방법을 생각했고, Communis라는 동아리를 만들게 되었습니다.그럼 어떻게 이 벽을 함께 넘어갈지 제 계획을 한번 들어봐주세요!ㅋㅋㅋㅋㅋ 세상에는 많은 개..

프로젝트 Rellat 이해하기 이 글은 아래의 3개 글을 정독하고 생각을 정리하기 위해 작성되었습니다. 아래의 내용은 단순한 정리일 뿐 실제 내용과 다를 수 있습니다. 원 출처는 링크를 참고하세요. 미국에서 개발자로 성공하는 방법, 능력을 쌓는 방법 오픈소스 공개 스터디 프로젝트 Rellat을 소개합니다 릴랏 강의1 프로젝트의 목적 Rellat 프로젝트는 좋은 프로그래밍 습관을 어떻게 하면 효과적으로 배울 수 있을지에 대한 고민으로부터 출발하였습니다. 단순히 동영상 강의로 보여주고 말로 설명하는 단방향 교육보다는 직접 동참하고 서로 질문할 수 있는 양방향의 방식이 이 고민을 더 적절히 해결한다고 생각하였습니다.따라서 본 프로젝트는 오픈소스의 제작 과정을 직접 공개하고 설명하는 과정을 거처 비로소 협업의 ..

Universe War 개발기간: 2016. 10.02 ~ 2016. 11. 17 과제명: OOP를 이용한 게임 개발 개발 인원: 3명 개발 플랫폼: Unity3D (C#) 서버 호스팅: Photon Network 코드 보기(로그인 필요) 프로젝트 소개 본 프로젝트는 소프트웨어 공학 수업의 기말과제로 제출되었으며, 수업을 듣는 3인이 새로 Unity3D라는 플랫폼에 대해 학습하여 제작한 프로그램입니다. 게임은 다음의 규칙에 따라 작동합니다 플레이어는 자신의 공을 움직입니다 이 움직인 공으로 제한된 시간안에 더 많은 노란 먹이를 먹게되면 승리하게 되는 구조입니다. 플레이어는 동시에 4명 접속하여 함께 게임을 즐길 수 있습니다. 자신보다 작은 크기의 플레이어와 충돌하면 큰 플레이어가 작은 플레이어를 먹게됩니..

소상공인 재능기부 챌린지 개발기간: 2016. 5. 1. ~ 2016. 11. 30(7개월) 연구 과제명: 반응형 웹앱을 통한 소상공인 재능기부 팀명: 배우미 (한양대학교 중앙동아리 HUHS) 개발 인원: 7명 (디자인 1명, 기획 3명, 개발 3명) 개발언어: MongoDB, AngulerJS, Node.js (MEAN Stack) 서버 호스팅: 아마존 웹 서비스 코드 보기 프로젝트 소개 이 프로젝트는 정보통신진흥센터에서 주관하는 2016년 SW동아리재능기부챌린지사업을 한양대학교 산학협력단에 위탁받는 형식으로 저희들이 참여하여 만들게 된 프로젝트입니다. 본 사이트의 취지는 소상공인을 돕기 위한 활동으로 시작되었으며 카페 테블릿 전시물과 주문과 쿠폰등록이 가능한 사이트를 개발하였습니다. 또한 동아리원들의..

# AJAX 사용법https://youtu.be/fiqApu1t1Vc# XSS 공격 개요와 실습https://youtu.be/DoN7bkdQBXU# 해킹용 서버 구축과 XSS를 통한 세션 탈취https://youtu.be/cehEkpWl7fg# XST 공격 기법https://youtu.be/YvmetHjjPek# CSRF 공격 기법https://youtu.be/nzoUgKPwn_A강의안 정말 오랜만에 현강을 하게 되었는데, 자신이 별로 없어서 글을 써놓고 함께 보면서 강의를 하려고 합니다. 수업에 들어가기 전에 여러분이 처음 로그인 하는 게시판을 만드셨던 것을 기억할 것입니다. 우선 그 게시판에 들어가셔서 글 내용이 보이는 곳을 다음과 같이 편집해주세요 이 부분을 아래 내용과 같이 바꿔주세요 오늘의 주제..

우선 스케폴딩으로 CRUD 게시판을 구현합니다 rails g scaffold post title:string content:text user_id:integer 여기서 user_id 값은 devise와 연결하기 위한 것입니다. gem 'devise' gem 'cancancan' gem 'rails_db' gem 'better_errors' Devise rails generate devise:install rails generate devise user rake db:migrate 위에 두줄에서 기본 설정을 하고 다시 DB를 migrate합니다 로그인이 안되어 있으면 로그인 하는 페이지로 가도록 하기 위해 post_controller.rb class PostsController < ApplicationCo..

다낭에서 호이안 가는법 1시간도 안되는 시간에 도착할 수 있다. 이 버스를 타는 법은 다낭 성당 앞 버스정류장에서 탈 수 있다고 한다. 호이안 관광지도 낮 활동 호이안은 낮에 할 활동과 밤에 할 활동을 나누어 하는것이 좋아보인다 그래서 나눠서 보도록 하자 자전거 타기 자전거를 빌려주는 아주머니가 숙소 주변에 위치한다고 한다. 자전거를 타고 시내를 둘러 본 후 밤에 야경을 보는 것도 나쁘지 않아보인다.자전거를 타고 다음 코스를 하나하나 가보는것도 좋을 것 같다 요리교실 고려해야 할 선택사항입니다 로컬 시장 방문, 식재료 구매, 보트 타고 호이안 구경, 코코넛 보트 타기, 눈가리고 도자기 깨기 게임, 낚시, 요리교실... 다양한 경험을 반나절 동안 할 수 있음. (오전/오후 중 선택하여 출발)영어를 잘 알아..