[방학 6주차] 권한 설정하기
안녕하세요 여러분~! 이번 시간에는 User별 권한 설정에 대해서 알아보겠습니다. 1. User별 권한 설정이 왜 필요할까? 한번 생각해봅시다. 어떤 서비스에 글을 게시할 수 있는 게시판 기능이 있습니다. 게시판을 이용하는 유저 A가 글을 게시합니다. 그리고 잠시 후에 유저 B가 게시판에 들어와 유저 A의 글을 읽습니다. 별로 마음에 들지 않습니다. 그래서 유저 B는 유저 A의 글을 마음대로 삭제해버립니다.... 이런 상황, 괜찮은 걸까요? 만약, 모든 유저가 모든 글에 대해 수정, 삭제가 가능하다면 이처럼 말도 안되는 상황이 생겨버릴 것입니다.따라서! 우리는 유저가 누구인지에 따라 권한을 설정해주는 방법에 대해서 배워보겠습니다. 2. Gem을 이용하자. 우리는 Gem에서 제공하는 기능을 이용해 권한을 ..
[방학 3주차] 프론트엔드 특집: Box model과 Flexbox
1. HTML요소는 모두 box로 이루어져 있다. HTML에서 흔히 사용하는 table, img, li, ul태그들은 사실 눈에 보이지 않는 박스영역으로 이루어져 있다.실제로 개발자 도구를 사용하여 페이지에 사용되는 태그들을 클릭하게 되면 박스영역이 나타나는 것을 볼 수 있다.때문에 HTML를 기본으로 하는 CSS를 잘 사용하려면 이 Box에 대한 개념을 잘 이해하고 있어야 한다. 2. Box 공간의 구성 Box 공간이 어떻게 구성되어 있는지 가장 안쪽부터 살펴보면, 우리 눈에 보이는 내용을 감싸고 있는 부분을 content box라고 한다. 그리고 내용과 테두리 사이의 공간을 padding, 테두리가 있는 공간을 border라고 하며 테두리 바깥에 요소와 요소 사이의 여백 공간을 margin이라고 한다..
오늘은 소셜로그인에 대해 알아보도록 합시다. 많은 사이트에서 'OOO'로 로그인하기 라는 버튼을 보신적 있으신가요?실제로 많은 사이트들이 SNS를 통해서 로그인하는 기능을 사용하고 있습니다.그중에서 오늘은 Omniauth Gem을 활용한 페이스북과 구글 계정을 통해서 로그인하는 방법에 대해 배워봅시다. 먼저 Omniauth Gem에 대해 간단하게 알아볼까요? Omniauth Gem : 웹어플리케이션에서 다양한 인증제공서비스를 사용할 수 있게 해주는 라이브러리 1. Facebook 로그인 버튼 클릭2. Facebook 인증창으로 연결되어 로그인 기능 실행3. Facebook은 우리에게 Access Token을 제공4. 이 Token을 통해 사용자의 정보 (이름, 이메일, 프로필 사진 등)를 제공 받는다. ..