라벨이 Web인 게시물 표시

웹과 모바일 앱에 대한 나름대로의 고찰

이미지
웹이란 무엇인가 웹은 사용자들이 웹 주소로 요청했을 때 제공되는 웹문서(프론트엔드) 와 이 문서들을 제공하는 웹 서버(백엔드) 모두를 합한 '웹 서비스'라고 말한다. 사용자가 이용하는 어플리케이션과 같은 부분을 프론트엔트라 하고, 서버와 같은 부분을 백엔드라고 한다. 웹 서비스를 동작하게 하기 위한 과정 1. 웹 페이지를 개발하고 그 웹 페이지가 서브시할 서버를 구성 2. 웹 서비스 프로젝트를 서버에 배포한다. 3. 웹 서버에 가동시킨다. 1번 작업은 서비스 운영시  한 번만 수행되고 2,3번 작업은 지속적으로 수행된다. 웹의 구성요소 통일된 웹 자원의 위치 지정 방법 : URL || URI 웹 자원에 접근하는 프로토콜 : HTTP 웹 자원들을 표시하는 언어 : HTML (reference : http://namsieon.com/190) 위의 그림처럼 서버로부터 받은 HTML 언어로 되어 있는 텍스트 문서만 받아도 웹 브라우저의 해석을 통해 웹 서핑을 할 때 여러 홈페이지를 링크를 통해 쉽세 이동해 다닐 수 있다. 종합해보면, 1. URL이라는 주소를 통해 원하는 곳을 찾아가서 2. HTTP라는 통신방식을 통해 서로 데이터를 주고 받으며 3. HTML이라는 언어로 구성되어 있는 문서를 받아서 4. 웹 브라우저가 해석해 화면에 보여준다. 웹을 위한 필수적인 기술들 -JavaScript & CSS 사용자가 HTML로만 이루어진 문서를 받았을 때는 단순히 그 문서에 포함된 정보를 확인하거나 다른 페이지로 이동하는 것 밖에 할 수 없다는 말이다. 예를 들어보자. 만약 내가 사진첩 웹 서비스를 만든다고 해보자. 이 웹 서비스에는 한 페이지에 사진 50장씩 작게 표시 되고 마우스 커서를 한 사진 위에 갖다 놓으면 그 사진만 확대되는 기능도 있다. 이러한 기능을 구현하기 위해서는 JavaScript 와 CSS가 필요하다. 마우스를 사진 위에 가져다 놓는 행동을 찾아내야하고...

코드라이언 3주차 루비 배우기

이미지
루비만이 가지는 최대 강점이 있다. 루비의 최대 강점을 꼽으라면 그 형태가  간결하고 자연스럽다 는 것이다. 1995년에 루비가 처음 공개된 이후로, 루비를 사용하는 인구는 전 세계적으로 계속 증가하고 있다. 루비의 또다른 장점으로  객체 지향(object-oriented) 적인 속성을 강하게 보여준다는 것이다. 루비에서 다루어지는  데이터형(data type) 은 크게 3가지로 분류할 수 있다. 숫자(number) :  0~9 사이 아라비아 숫자들의 조합 을 입력하면 숫자로 인식한다. 정수(integer), 실수(float) 등으로 세분화할 수 있다. 문자열(string) : 숫자 혹은 문자들을  작은 따옴표( ' )  혹은  큰 따옴표( " ) 로 묶어 입력하면 문자열로 인식한다. 불리언(boolean) : 비교 연산 혹은 논리 연산에 사용되는 기본 단위로서  true 와  false  중 하나의 값만을 가진다. 루비에서 특정한 값, 혹은 변수에 대입된 값을 화면에 출력하는 방법에는 두 가지가 있다. 먼저  print  의 경우,  특정한 값을 출력한 후 줄넘김을 하지 않는다 . 한편  puts  의 경우,  특졍한 값을 출력한 후 자동으로 줄넘김을 한다 . 만약 문자열 안에 다른 변수(문자열, 숫자, 불리언 등)를 포함시켜 출력하고 싶다면,  #{ } 를 이용하면 된다.  * puts 와  print 는 앞으로 루비 프로그램을 작성하면서 꽤 자주 사용하게 될 것이나, 이후에 레일스로 넘어가면 거의 사용되지 않는다. 그러나  #{ } 의 경우, 루비에서보다도 이후에 레일스로 넘어가면 더 많이 쓰일 것이니 잘 기억해두도록 하자. 파일을 실행한 사용자에게 원하는 값을 입력하도록 할 때  gets  를 사용한...