⛏️
공부방
  • README.md
  • 프로젝트
    • ft_transcendence
      • 설계
        • 0. 프론트 디자인
        • 1. BackboneJS 뷰 객체
        • 2. API 설계
        • 3. 레일즈 라우팅 구현
        • 4. DB 설계
        • 5. 채널 설계
    • slab-saver
    • react-payment
  • 공부
    • HTML, CSS
      • GRID
      • emmet
      • position
      • CSS Unit
        • 단위 정리
        • 기준을 정해보자
        • em의 정확한 기준은 뭐야?
      • flex
      • NAVBAR 실습
      • 유튜브 화면 만들어보기
    • SQL
      • 이론
        • 1강 데이터베이스
        • 2강 다양한 데이터 베이스
        • 3강 데이터베이스 서버
      • 명령어
        • DB 관리
        • TABLE 관리
        • Constraints
        • SQL 명령어 - 1
        • SQL 명령어 - 2
        • SQL 명령어 - 3
        • SQL 명령어 - 4
        • SQL 명령어 - 5
    • Ruby
      • 루비 객체와 클래스
      • 곡괭이
        • Chapter2. Ruby.new
        • Chapter3. 클래스, 객체, 변수
        • Chapter4. 컨테이너, 블록, 반복자
        • Chapter5. 기능 공유하기
        • Chapter6. 표준 타입
        • Chapter8. 메서드 파헤치기
    • Python
      • 유용한 링크
    • RubyOnRails
      • 아직 정리하지 못한 것들
        • RSPEC 을 이용한 테스트 완전 자동화
        • 레일즈 이니셜라이징 과정
        • 액션케이블 구체적으로 정리하기
        • 웹팩으로 자바스크립트 모듈 관리하기
      • ACTIVE JOB
        • 액티브잡의 기본
        • 실전! 액티브 잡을 이용한 스케쥴링
        • 서버를 껏다 키면 스케쥴링 된 이벤트가 사라진다!
      • ACTION CABLE
        • 액션케이블 Consumer를 이용해서 문제 해결
        • 액션케이블 연결 순서
      • ACTIVE STORAGE
      • 모델
        • validation
          • seeds 데이터 validation 스킵
          • validation 검사가 save, update, create 모든 경우에 일어난다
          • validator 클래스
          • 커스텀Validation
          • validates format(정규표현식)
        • 액티브레코드 find의 다양한 활용
        • 한 레코드에 동시 접속 막자!! with_lock
        • 레일즈 where 사용법
        • 레일즈에서 모델 관련 이슈
        • 모델이름바꿀때명심할것
        • 모델의 includes 메서드
        • 연관 모델을 다른 이름으로 설정하고 가져오기
      • 기본 상식
        • form으로 전달되는 params를 분석해보자
        • StrongParameter 쿼리 배열 받기
        • view helper로 디버깅 하는 방법
        • css 파일을 수정했는데 적용이 안된다?
        • StrongParameter 일반데이터와 객체 데이터 한번에 받기
        • wrap-parameter body가 두 번씩 날라오는 이유
        • 컬렉션 map에서 요소 스킵하는법
        • CASE를 이용해서 정렬(일반적인 정렬 X)
        • 문자열(정규표현식)
        • TIME ZONE 설정하기
        • 커스텀exception
      • RSPEC으로 모델 테스트하기
      • 한 눈에 읽는 루비 온 레일즈
      • Perfect RubyOnRails
        • Chapter1. 소개
        • Chapter2. RubyOnRails 기본
        • Chapter3. 스캐폴딩
        • Chapter7. 라우팅
        • Chapter8. 테스트
    • Javascript
      • var, let, const 차이
      • 브라우저 동작 원리
      • 디바운싱과 쓰로틀링
      • Tagged Template Literal(styled-components)
      • IntersectionObserver 를 사용해서 스크롤 이벤트의 부하 줄여주기
      • EVENT LOOP
        • 자바스크립트에서 어떻게 비동기적인 실행이 가능한걸까?
        • 이벤트 루프의 동작
        • setTimeout이 실행되면 어떤 동작이 일어날까?
        • 블록은 실행이 보장된다
        • 콜스택에 있는 블록이 보장된다는 점을 이용해서 브라우저 죽이기
        • setTimeout 무한반복으로 브라우저는 죽을까?
        • Promise 무한반복으로는 브라우저를 죽일 수 있을까?
        • RAF는 그럼 뭐야?
      • forEach는 반복도중 멈출 방법이 throw 밖에 없다!
      • 임시
        • 정리할 것 목록
          • 자바스크립트 기본 문법
        • 이벤트 임시 정리
      • 유용한 링크
      • arrow function 을 이용한 bind 이슈 해결
      • preventDefault - passive
      • CRITICAL-RENDERING-PATH
      • setInterval에 클로져 개념 사용하기
      • 오디오 문제 이슈
      • 자바스크립트의 식과 문
        • 식과 문이란 무엇인가...
        • 식
          • 1. 기본값과 래퍼객체
          • 2. 참조값과 가비지컬렉팅
        • 식을 조금 더 자세히 알아보자
      • prototype, [[Prototype]] 차이
      • export, import 학습
      • ESlint
      • 아주아주기본
        • Chatper1. 기본
        • Chapter2. 타입
        • Chapter3. 연산자
        • Chapter4. 제어문
        • Chapter5. 배열
        • Chapter6. 함수
        • Chapter7-1. 객체
        • Chapter7-2. 객체
        • Chapter8. 표준객체
        • Chapter9. DOM
      • 이벤트 위임
      • 이벤트가 버블링 되서 root 까지 가다보면... 부모의 부모의 ... 모든 click 이벤트를 발동시키는거 아니야?
      • classList
    • BackboneJS
      • Backbone Model 프로토타입에 메서드 구현하기
      • BackboneJS의 각 요소의 역할과 책임을 확실히 이해하자
      • Window 이벤트를 listenTo로 감시하기
      • 뷰 자신이 자신을 지워야 할 때를 감지하려면 어떻게 해야하는가?
      • 백본 VIEW의 remove와 jquery의 remove 는 다르다!
      • 백본 컬렉션 URL에 쿼리 붙이기
      • index.html.erb와 BackboneJS의 결합
      • 백본 모델과 컬렉션에서 fetch 를 통해 JSON 가져오기!
      • 모델은 urlRoot, 컬렉션은 url
      • ISSUE
      • Absolute Beginner
        • Part1
        • Part2
        • Part3
        • Part4
    • 문제풀이
      • 01. 유효한 팰린드롬(leetcode: 125)
      • 02. 문자열 뒤집기(leetcode: 344)
      • 03. 로그파일 재정렬(leetcode 937)
      • 04. 가장 흔한 단어(leetcode: 819)
      • 05. 그룹 애너그램(leetcode: 49)
      • 06. 가장 긴 팰린드롬 문자열(leetcode: 5)
      • 07. 두 수의 합(leetcode: 1)
      • 08. 빗물 트래핑
      • 09. 세 수의 합(leetcode: 15)
    • BlackCoffeeStudy
      • level1
        • 1주차
    • express
      • Untitled
      • 구글 애널리틱스 연결하기
      • passport를 활용한 로그인
      • express-init 명령어 사용
      • ec2와 DBeaver
      • mariadb 설치
      • sequelize 설치 및 사용법
        • sequelize 설치
        • sequelize-cli 사용법
        • 모델 간 연관관계 맺기
        • Hook 사용하기
      • express-ejs-layout 활용하기
      • Bootstrap
      • npm install로 설치한 모듈 ejs에서 사용하기
      • 미들웨어
    • cypress
      • window.alert 테스트는 어떻게 하지?
      • 상수를 어디에 저장할건가?
      • before()와 beforeEach()
    • aws
      • aws로 프로젝트를 배포해보자!
      • nginx로 리버스프록시 서버를 만들자
      • github actions 로 푸쉬되면 자동으로 업데이트 하는 기능 만들어보기
    • react
      • Drag & Drop 를 이용해서 리스트 요소 순서 바꾸기
      • CRA에서 CRACO 사용하지 않고 절대경로 import(NODE_PATH)
      • useEffect내에서 state의 dependency 문제
      • IntersectionObserverAPI로 무한스크롤 구현
      • react-testing-library
        • 기본
        • react-router-dom 에서의 에러
        • event 발생시키기
        • Integration testing하기
        • async하게 렌더링 되는 요소 잡기
        • Mocking 하기
      • CRA로 만든 앱에서 절대경로로 import 해오기(alias하기)
      • 커스텀 훅 만들기
    • 타입스크립트
      • 조건부타입 (Conditional types)
      • Generics
      • Keyof 타입 오퍼레이터
      • Indexed Access Types
      • 타입 챌린지
        • easy
          • 00. Awaited
          • 01. Concat
          • 02. Exclude
          • 03. First Of Array
          • 04. If
          • 05. Includes
          • 06. Pick
          • 07. Readonly
          • 08. Length
          • 09. Tuple to Object
        • mediun
          • 01. Absolute
    • Firebase
      • 파이어스토어 규칙
    • 기타
      • 협업 프로세스
      • UUID
      • 구글애널리틱스 설치하기
      • 드림코딩 강의
        • 포트폴리오
          • CSS
            • nth-child
            • CSS 팁
          • 자바스크립트
            • 1. 스크롤에 따른 navbar 의 색 변경하기
            • 2. navbar 버튼을 누르면 해당 페이지로 스크롤링 되게 만들자
            • 3. 스크롤 다운 하면 arrow-up 버튼 나오게 하기
            • 4. project 필터링 구현
            • 5. project 필터링에 transition 효과 넣기
      • GIT
        • 기본 사용법 정리
        • git remote update - remote 브랜치 가져오기
  • 기타
    • 이것저것
      • 독서
        • 클린코드
          • Chapter0. 나는 왜 클린코드 책을 읽는가?
          • Chapter1. 클린코드
          • Chapter2. 의미있는 이름
          • Chapter3. 함수
          • Chapter4. 주석
          • Chapter5. 형식 맞추기
      • 용어
      • IDE
        • RubyMine
          • 실전이 중요!
          • 1. Editor Basic
          • 2. Navigation
          • 3. Completion
          • 4. Refactoring
          • 5. Code Assistance
      • MAC에서 살아남기
        • Alfred - Spotlight 업그레이드
        • Vimium
        • BetterTouchTool - 트랙패드
        • 구름 입력기 - ESC, `
        • Spectacle - 화면 분할
    • 원티드 프리온보딩
      • 1주차
        • 월요일
        • 목요일
      • 2주차
      • 3주차
      • 4주차
      • 5주차
      • 6주차
    • 일기장
      • 2020
        • December
          • 20201208(화)
          • 20201209(수)
          • 20201210(목)
          • 20201211(금)
          • 20201214(월)
          • 20201215(화)
          • 20201216(수)
          • 20201217(목)
          • 20201218(금)
          • 20201219(토)
          • 20201221(월)
          • 20201222(화)
          • 20201223(수)
          • 20201224(목)
          • 20201226(토)
          • 20201228(월)
          • 20201229(화)
          • 20201230(수)
          • 20201231(목)
      • 2021
        • January
          • 20210101(금)
          • 20210102(토)
          • 20210105(화)
          • 20210106(수)
          • 20210107(목)
          • 20210108(금)
          • 20210109(토)
          • 20210112(화)
          • 20210113(수)
          • 20210114(목)
          • 20210115(금)
          • 20210117(일)
          • 20210118(월)
          • 20210119(화)
          • 20210120(수)
          • 20210121(목)
          • 20210125(월)
          • 20210126(화)
          • 20210127(수)
          • 20210128(목)
          • 20210129(금)
        • February
          • 20210201(월)
          • 20210202(화)
          • 20210203(수)
          • 20210204(목)
          • 20210205(금)
          • 20210207(일)
          • 20210208(월)
          • 20210209(화)
          • 20210217(수)
          • 20210218(목)
          • 20210219(금)
          • 20210220(토)
          • 20210222(월)
          • 20210223(화)
          • 20210224(수)
          • 20210226(금)
          • 20210228(일)
        • March
          • 20210302(화)
          • 20210303(수)
          • 20210304(목)
          • 20210305(금)
          • 20210306(토)
          • 20210308(월)
          • 20210309(화)
          • 20210310(수)
          • 20210311(목)
          • 20210312(금)
          • 20210313(토)
          • 20210315(월)
          • 20210316(화)
          • 20210317(수)
          • 20210318(목)
          • 20210319(금)
          • 20210322(월)
          • 20210323(화)
          • 20210324(수)
          • 20210325(목)
          • 20210327(토)
          • 20210329(월)
          • 20210330(화)
          • 20210331(수)
        • April
          • 20210406(화)
          • 20210407(수)
          • 20210408(목)
          • 20210409(금)
          • 20210410(토)
          • 20210412(월)
          • 20210413(화)
          • 20210414(수)
          • 20210415(목)
          • 20210416(금)
          • 20210417(토)
          • 20210419(월)
          • 20210420(화)
          • 20210421(수)
          • 20210422(목)
        • July
          • 20210728(수)
Powered by GitBook
On this page
  • 2020-12-29
  • 1. 학습 날짜
  • 2. 학습 시간
  • 3. 학습 범위 및 주제
  • 4. 학습 목표
  • 5. 과제 제출
  • 6. 상세 학습 내용
  • 7. 오늘 학습 내용에 대한 개인적인 총평
  • 8. 다음 학습 계획

Was this helpful?

  1. 기타
  2. 일기장
  3. 2020
  4. December

20201229(화)

레일즈 재밌는데?ㅋㅋㅋ

2020-12-29

1. 학습 날짜

  • 2020-12-29

2. 학습 시간

  • 10:30 ~ 22:30

3. 학습 범위 및 주제

  • 루비온레일즈 컨트롤러, 라우팅

4. 학습 목표

  • 페펙트 루비 온 레일즈 6, 7장

5. 과제 제출

  • x

6. 상세 학습 내용

  • 상태관리란 여러 개의 페이지 사이에서 정보를 유지하기 위한 구조다. 쉽게 말하면 로그인의 유무에 따라 클라이언트 페이지에서 동작이 다르게 되야한다는 것이다. 로그인하지 않았을 때는 오른쪽 위에 로그인 이라는 버튼이 나오고, 로그인했을 때는 로그아웃이 나오게 하는 것도 상태관리의 일종이다. 웹서버는 이런 상태를 유지하기 위해 몇가지 기법을 쓰는데, 그 중 가장 간단한 건 쿠키를 이용하는 것이다. 원칙적으로 서버는 클라이언트의 쿠키를 소유하면 안된다. 하지만 특정한 경우, 상태관리를 할 때는 임시적으로나마 쿠키를 서버에서 갖는게 허용이 된다. 서버는 클라이언트의 쿠키를 확인하고 클라이언트의 상태를 확인한다. 그리고 그에 맞는 응답을 준다. 쿠키 보다 더 좋은 방법은 세션을 사용하는 것이다. 세션도 기본적으로 쿠키를 이용한다. 하지만 세션은 그 쿠키를 저장하는 곳을 정할 수 있다.

    • 그렇다면 왜 상태관리를 이렇게 쿠키 또는 세션을 이용해서 해야하는가? 이유는 간단하다. http 프로토콜의 무상태 프로토콜 원칙 때문이다. 무상태 프로토콜이란 상태를 유지하지 않는 프로토콜이다. 즉 http의 태생상 상태관리가 되지 않기 때문에 서버에서는 조금 귀찮은 방법으로 상태관리를 해야 한다는 것.

    • 쿠키를 이용하는 방법, 세션을 이용하는 방법은 각각이 cookies, session 이라는 메서드를 이용한다.

  • 필터

    • 필터란 액션 메서드가 실행되기 이전과 이후에 부가 처리를 위해 사용되는 기능이다.

    • 이전에 모델을 학습할 때는 DB관련 작업 전후 처리를 하기 위해 callBack 이라는 기능이 있었던 것처럼 컨트롤러에는 필터 기능이 있다.

    • 필터는 상속이 가능하다.

    • 모든 컨트롤러는 ApplicationController 를 상속 받는다. 따라서 모든 컨트롤러에서 사용하고 싶다? 이 Application 에다가 필터를 만들어 주면 된다.

    • 어떤 메서드에만 필터를 적용하고, 적용하지 않을 수 있는 기능이 있다. only 와 except 를 이용하면 된다.

  • 라우팅

    • RESTful 인터페이스는 REST의 특징을 가진 라우트를 말한다. REST는 네트워크의 모든 컨텐츠를 URL로 표현하는 것이다. 그리고 이러한 URL에 HTTP, GET, POST, PATCH DELETE 등의 방법으로 접근한ㄷ. 한마디로 REST는 무엇(리소스)를 어떻게 (HTTP 메서드)할지 표현하는 것이다.

    • RESTful 인터페이스를 잘 사용하면 통일감 있고 의미가 명확한 URL 설계가 가능하다.

    • rails는 원칮걱으로 RESTful 인터페이스를 기반으로 라우트를 설계한다.

      • form_with, link_to 등의 뷰 헬퍼는 RESTful 인터페이스를 전제로 설계되었다.

    • RESTful 인터페이스를 정의할 때는 routes.rb 에서 resources 메서드를 호출하면 된다.

    • resources 는 CRUD 할 수 있는 정보라고 생각하면 된다.

      • 이렇게 생성하고 이후에 쉘에 rails routes 라고 명령을 입력하면 각 라우팅 정보가 나온다.

    • 복수말고 단수의 resource도 존재한다.

      • 이 메서드는 하나의 리소스를 관리하는 RESTful 인터페이스를 만들 수 있다.

      • 아직 실습해보지는 않았지만, 로그인 한 상태의 유저가 자신의 프로필을 보고 싶을 때, /users/profile/user.id 처럼 프로필 인덱스에서 자신의 id를 이용해 자기의 프로필을 찾는건 너무 멍청해 보인다.

      • 아마 이런 경우에 resource 를 사용하는게 아닌가 싶다.

    • constrains 기능으로 라우트매개 변수에 제약 조건을 걸 수 있다.

      • 제약은 기본적으로 모델, 컨트롤러 모든 곳에서 다 할수있다.

      • 그렇다면 어디서 이 제약을 거는게 좋은걸까?

    • as 를 이용해 URL 헬퍼 이름을 변경할 수 있다.

    • 중첩 구조를 이용할 수 있다. 가령 book 이라는 모델에는 reviews 가 has_many, belongs_to 로 묶여있다. 우리는 당연히 book과 관련된 URL으로 reviews를 찾아야 할 것이다 라고 생각한다. (/books/:book_id/reviews) 이렇게 해주고 싶을 때 사용하는게 중첩구조의 resources 다.

      • 이렇게 중첩으로 바꾸면 기존에 만들었던 뷰 들을 다 수정해야 한다.

7. 오늘 학습 내용에 대한 개인적인 총평

  • 흠.. 오늘은 나쁘지 않게 학습한 것 같다. 내일은 더 열심히 해봐야겠다.

8. 다음 학습 계획

  • 7장 복습, 회원가입, 로그인, 로그아웃 등의 기능이 있는 사이트를 간단하게 구조 생각하고 만들어보

Previous20201228(월)Next20201230(수)

Last updated 4 years ago

Was this helpful?