본문 바로가기 메뉴 바로가기

FE Dev

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

FE Dev

검색하기 폼
  • 카테고리 전체보기 (36)
    • React (5)
    • JavaScript (9)
    • HTML & CSS (0)
    • Git (4)
    • TIL (4)
    • 루비온레일즈 (14)
  • 방명록

루비온레일즈 (14)
f7프레임워크 동적라우팅 - 상품리스트에서 상세페이지 이동

기존처럼 routes.js에 :id추가 index.js에서 하나 만들어줌 상품디테일 페이지에서 import 해 주기 import {f7route} from "framework7-react"; api에서 만들어준 getItemDetail import 해 주기 import { getItemDetail } from "../common/api"; f7route를 받아서 const ItemDetail = (f7route) => { const [items, setItems] = useState([]); useEffect(() => { async function itemList() { const resultItems = await getItemDetail(f7route.id); setItems(resultItems...

루비온레일즈 2021. 4. 30. 12:46
상품 리스트 페이지에 각 아이템 가져오기

index.js에 만들어져있는 getItems export const getItems = (params) => API.get("/items", params); 해당 상품 리스트 페이지에서 import해서 가져다 쓰기 import { getItems } from "../common/api"; async await 사용 const WholeCake = () => { const [items, setItems] = useState([]); useEffect(() => { async function itemList() { const resultItems = await getItems(); setItems(resultItems.data); } itemList(); }, []); map으로 뿌려서 아이템 뿌려주기(앞..

루비온레일즈 2021. 4. 30. 12:45
[Error] 레일즈 서버 A server is already running 오류 / redis 서버 오류 해결

rails s 레일즈 서버 시작 로컬 서버 실행하고 있다가 껐다 켰을 경우, 다시 rails s로 서버 작동시키려고 하면 A server is already running. Check .../tmp/pids/server.pid. Exiting 서버가 이미 실행 중입니다. .../tmp/pids/server.pid.를 확인하십시오. 종료 오류 메세지가 나올 때가 있음 터미널 재시작 하면 될 수도 있고~ 안될 경우 아래 메세지로 프로세스 종료 후, kill -9 $(lsof -i tcp:3000 -t) rails s 재시작 localhost:3000 서버 실행~ redis 서버 오류 redis-cli ping 핑퐁 확인 ps -ef |grep redis 1346 사용 중인 포트를 확인 후 kill -9로 해..

루비온레일즈 2021. 4. 24. 21:44
[Ruby On Rails] JWT (& JWT로 로그인)

JWT이란? json형태로 만들어진 웹 토큰을 좀 더 쉽게 만들 수 있도록 도와주는 라이브러리 registrations_controller에서 JWT세션을 이용해서 토큰 정보를 저장해서 그 정보를 이용해서 api를 사용한다까지 알고 있으면 됨 (쓰는 방법만 정확하게 알면 됨) 사용 => jwt_session을 이용해서 토큰 정보를 저장하고 그 정보를 이용해 api 사용 Gemfile/ gem 'jwt_sessions' 라이브러리 사용 githup jwt_sessions document 참고 github.com/tuwukee/jwt_sessions tuwukee/jwt_sessions XSS/CSRF safe JWT auth designed for SPA. Contribute to tuwukee/jwt_s..

루비온레일즈 2021. 4. 24. 19:20
[Ruby On Rails] M:N Relation & Like(찜) model 만들기

M:N Relation => 그 대상을 어떻게 바라보는지가 중요 Like(좋아요, 찜) 테이블 : 어떤 사용자가 어떤 상품을 좋아요 했는지에 대한 정보를 가지고 있는 테이블 User - Like - Item 관계 - User: 사용자의 찜 목록에는 어떤 아이템들이 있는지 - Item: 이 아이템을 좋아요한 사용자는 어떤 사용자들이 있는지 => 서로 많이 갖고 있는 경우(has many) => M:N (사용처가 명확) -> user와 Item에 외래 키 가지고 있음 가운데 Join테이블(Like)을 두고 양쪽에 외래 키를 받아와서 1:N이 연쇄된 형태를 통해서 N:N을 표현 예외 Order, Option, LineItem도 어떻게 보면 M:N구조라고 볼 수 있으나, 그렇게 쓰지 않음 이런식으로 1:N 관계..

루비온레일즈 2021. 4. 24. 18:57
[Ruby On Rails] 레일즈 서버 시작 & 초기 세팅 & model 만들기

※ 윈도우는 무조건 관리자 권한으로 열기! (Ubuntu) 초기 세팅 sudo apt-get install postgresql postgresql-contrib postgresql 설치 bundle install 필요한 gem 파일 설치 sudo service postgresql start/restart postgresql 서버 실행 레일즈 시작하기 rails에서 명령어 칠 때는 rails를 앞에 붙여서 시작! rails s (server) 레일즈 서버 시작 (=> rails는 기본적으로 서버를 열면 Puma라는 웹서버를 이용함) 서버를 켠 상태에서는 현재 터미널을 사용할 수 없음 -> 새 터미널 띄워서 사용 데이터베이스 생성 rails db: create db:migrate db:seed db: cre..

루비온레일즈 2021. 4. 24. 18:28
[Ruby On Rails] Restful API와 Serializer

Rails - Restful API 관계 - 기본적으로 RESTful 하게 API를 만들어줄 수 있도록 설계된 잘 짜여진 프레임워크라고 할 수 있음 - 주소 규칙 등을 만들 때에도 RESTful을 쉽게 정의할 수 있음 (컨벤션을 이용해서 쉽게 사용할 수 있음) Restful API - RESTful: 어떤 경로와 메소드만으로 어떤 행위를 하는 것인지 개발자로 하여금 이해할 수 있게 해주는 규칙 - RESTful API: 그런 규칙을 통해서 만들어진 API 마이크로소프트 API 디자인 지침 문서 참고 docs.microsoft.com/ko-kr/azure/architecture/best-practices/api-design API 디자인 지침 - Best practices for cloud applicat..

루비온레일즈 2021. 4. 19. 15:39
[DataBase] 관계형 데이터 모델링이란?

#Model : 어떤 목적을 가지고 진짜를 모방한 것 - 좋은 모델이란? 목적에 부합하는 모방 #데이터 모델링 : 현실의 복잡성을 컴퓨터에 담을 수 있는 방법 - 거대하고 복잡한 현실을 정보로 만들어서 표에 담는 것은 매우 어려운 일 -> 이를 해결하기 위해 나타남 - 정보를 데이터베이스 표에 담는 것 -> 인간의 능력으로는 상상할 수 없는 거대한 양의 데이터를 엄청난 속도로 다룰 수 있게 됨 [데이터 모델링 순서] 업무 파악 -> 개념적 데이터 모델링 -> 논리적 데이터 모델링 -> 물리적 데이터 모델링 1. 업무 파악 1) 업무 파악: 의뢰한 사람이 어떤 것을 원하는지 찾아내는 것 2) 기획 2. 개념적 데이터 모델링❗⭐ - 업무 파악이 끝났으면, 이제 최종적으로 데이터베이스에 옮기기 위한 첫 단계 ..

루비온레일즈 2021. 4. 16. 12:31
이전 1 2 다음
이전 다음

Blog is powered by Tistory / Designed by Tistory

티스토리툴바