LikeLion 7

LikeLion at UOS #7_ 로또 번호 생성 페이지 만들기

안녕하세요. 문범우입니다.이번 포스팅은 4월 12일 서울시립대학교 멋쟁이사자처럼 수업에 대한 내용입니다. 지난 포스팅을 시작으로 Ruby on Rails를 시작했습니다.따라서 이번 포스팅의 내용은 다음과 같은 순서로 진행됩니다. - 지난 내용 복습- Array 개념- Range- Lotto 번호 생성 페이지 만들기- 이미지 넣기 1. 지난 내용 복습 지난 포스팅에서는 먼저 MVC 패턴과,ruby on rails가 무엇인지 알아보았습니다.우리가 앞으로 다루게 될 ruby on rails 는 백엔드(backend) 작업으로써, ruby 언어를 이용한 프레임워크입니다.백엔드를 다루다보면 사소한 문법실수나 기타 실수때문에 아예 웹페이지가 뜨지 않을때도 많습니다. 따라서 하나하나 꼼꼼히 살펴보고, 에러가 발생했을..

LikeLion 2018.04.12

LikeLion at UOS #6_ Cloud9으로 Ruby on Rails 시작하기

안녕하세요. 문범우입니다.4월 2일에 페이지 제작 실습(2)를 포스팅을 한 이후에 오랜만에 정리하는 것 같네요.그 동안 서울시립대학교 멋쟁이사자처럼에서는 수업을 진행했으나, 새로운 걸 배우기 보다 그 동안 배웠던 내용을 토대로 특정 웹페이지들을 선정하여 그대로 만들어보고, 더 나아가 새롭게 JQuery를 적용해 보는 등의 수업을 진행하였습니다. 이전의 포스팅들에서 모두 다루었던 내용들이기 때문에 따로 포스팅은 하지 않았습니다. 그리고 4월 8일 일요일수업에서는 Ruby on Rails 수업을 시작하였습니다.아직은 local(자신의 컴퓨터) 자체 환경에서 진행하지 않고, Cloud9 이라는 서비스를 이용하여 진행합니다.따라서 해당 포스팅은 아래와 같은 순서로 진행될 예정입니다. - Ruby on Rails..

LikeLion 2018.04.09

LikeLion at UOS #5_ 페이지 제작 실습(2)

안녕하세요. 문범우입니다.해당 포스팅은 서울시립대학교 멋쟁이사자처럼, 4월 1일 수업에 대한 내용입니다. 금일 수업에서는 그동안 진행했던 내용을 바탕으로 하나의 웹페이지를 그대로 따라 구현해보는 실습을 진행하였습니다.따라서 해당 포스팅에 대한 순서는 아래와 같습니다. - 지난 시간 복습- 구현해 볼 웹 페이지 소개(HTML/CSS)- Jquery 구현 1. 복습 지난 시간에는 주로 Jquery에 대해서 알아 보았습니다.그 동안 html과 css로 구현한 웹 페이지는 정적인 형태였습니다.이에 추가적으로 배워본 Jquery는 동적인 형태의 페이지를 구현하는데 사용됩니다.예를 들어 메뉴 버튼에서 마우스를 가져간 항목의 글자가 더 찐해지거나 색상이 바뀌는 것, 무언가를 클릭했을 때 요소의 등장이나 사라짐등의 효..

LikeLion 2018.04.02

LikeLion at UOS #4_ jQuery 연습하기

안녕하세요. 문범우입니다.이번 포스팅은 지난 3월 28일 일요일 서울시립대학교에서 진행된 강의를 바탕으로 작성되었습니다.해당 강의를 진행해주신분은 서울시립대학교 멋쟁이사자처럼 5기 김도현님 입니다. 이번 포스팅에서는 먼저 지난포스팅에서 했던 내용을 간단하게 복습해보고 jQuery라는 것에 대해 알아본 후에 간단한 실습 몇가지를 진행합니다.1. 복습 먼저 지난 수업때 학습했던 내용들에 대해서 간단히 복습을 하겠습니다. 우리는 지난 강의들을 통해 Class와 Id에 대해서 알아 보았습니다.각각이 어떻게 사용되는지 한번 더 생각해보면, 하나의 태그에 Class는 여러개 적용시킬 수 있으며 Id는 하나만 적용시킬 수 있습니다. 이를 응용해본다면, Navigator와 같이 한번만 사용되는 것은 Id로 스타일을 만..

LikeLion 2018.03.30

LikeLion at UOS #3_ 페이지 제작 실습(1)

안녕하세요. 문범우입니다.서울시립대학교 멋쟁이사자처럼에서 지난 25일, 일요일에 수업을 진행했는데 개인노트북에 문제가 생겨서 바로 정리하지 못하고 이제서야 하게 되었습니다.해당 수업부터 프론트엔드에 관련되서는 작년 서울시립대학교 멋쟁이사자처럼 5기의 김도현님께서 수업을 진행해주시겠습니다.먼저 해당 포스팅에 대한 내용 순서는 아래와 같습니다. - Class, Id- position, float- z-index, fonts- link, stylesheet- 페이지 제작을 통한 실습 1. Class , idid는 태그에서 1개만 적용이 가능합니다.예를 들어, 특정 태그에 id_1 과 id_2 를 함께 적용하고 싶다고해도 불가능 한 것입니다. 하나의 태그에는 하나의 id만 적용이 가능합니다.하지만 이와 반대로 ..

LikeLion 2018.03.28

LikeLion at UOS #2_ HTML 태그들과 CSS 기초

안녕하세요. 문범우입니다.이번 포스팅에서는 HTML에서 사용되는 몇가지 태그들에 대해서 간단히 알아보고 CSS에 대한 기초적인 내용을 알아보도록 하겠습니다.전체적인 순서는 아래와 같습니다. - HTML 태그 - Emmet 이란? - CSS 적용 방법 3가지 1. HTML 태그 일단 지난 포스팅에서 아래와 같은 코드까지 작성을 하였습니다. 이때, h1태그로 내용을 묶어줌으로써 글씨의 크기나 모양이 바뀌었습니다.HTML에서는 이와 같이 기본적으로 어떤 특징을 가지고 있는 여러가지 태그들이 있습니다.물론 각 태그들에 대해서 style속성을 변경하거나, CSS를 적용하는 등의 방법으로 모양을 더 바꿀 수 있지만, 각각의 태그들이 통상적으로 사용되는 경우가 존재하고 각각의 태그들의 특징도 있기 때문에 몇가지 태그..

LikeLion 2018.03.22

LikeLion at UOS #1_ 웹 프로그래밍 시작하기

안녕하세요. 문범우입니다.저는 현재 서울시립대학교에서 멋쟁이사자처럼 6기 운영진을 진행하고 있습니다.앞으로 서울시립대학교 멋쟁이사자처럼에서는 매주 수요일/일요일에 강의를 진행하는데 최대한..! 저도 수업에 열심히 참여해서 수업이 마친뒤 정리해서 블로그에 포스팅할 계획입니다.수업에 참여하지 못한 UOS LIKELION 분들이나 추가적으로 웹프로그래밍에 관심있으신분들께서 살펴보시면 좋을 것 같아요:) 오늘 멋쟁이 사자처럼 UOS에서 진행된 수업은 아래와 같습니다. 하나씩 따라가면서 진행해보도록 하겠습니다.0. 들어가기에 앞서 먼저 오늘부터 본격적으로 LIKELION 시립대학교 6기 수업이 진행되는데, HTML이나 CSS 등 웹 프로그래밍에 대한 것을 바로 시작하기 전에 잠깐 살펴보고 넘어갈 사항들이 있습니다..

LikeLion 2018.03.21