전체 글37 📚 [Ruby on Rails] 회원정보 수정 구현 ( f. 다음 주소 API ) 버전 정보 ruby "3.1.3" gem "rails", "~> 7.0.3", ">= 7.0.3.1" 구현내용 - 닉네임, 전화번호, 주소 변경 저장 - 닉네임 중복체크 - 닉네임 30일 변경제한 view code (최대 6자리까지 입력 가능합니다.) 6 %> (예시 : 01012345678) 11 %> 저장 js code controller code class MypageController < ApplicationController def index end def edit user = User.find(params[:user][:id]) nickname = params[:user][:nickname] if user if user.nickname != nickname && KakaoUser.where.n.. 2023. 4. 6. 📚 [Ruby on Rails] 카카오 로그인 기능 구현 (카카오 로그인 - JS) 사용버전 ruby "3.1.3" gem "rails", "~> 7.0.3", ">= 7.0.3.1" 1. user 모델 생성 rails g model KakaoUser - db\migrate\20230329053439_create_kakao_users.rb 해당 경로 파일에 아래 코드 입력 (모델 만들면 자동 생성됨) class CreateKakaoUsers < ActiveRecord::Migration[7.0] def change create_table :kakao_users do |t| t.string :user_id t.string :email t.string :nickname t.string :remember_token t.timestamps end end end - 모델 만들어 줬으면 아래 명령.. 2023. 4. 6. 📚 [React] Redux 연결하기 (+ redux-promise, redux-thunk) Redux는 state를 관리해주는 툴 입니다. state는 컴포넌트 안에서 데이터를 교환하거나 전달을 할때 사용하며, mutable이기 때문에 컴포넌트 안에 자유롭게 state를 변경 할 수 있습니다. Redux 설치 - redux 설치와 동시에 redux 를 잘 쓸 수 있도록 도와주는 미들웨어인 redux-promise, redux-thunk 함께 설치 npm install redux react-redux redux-promise redux-thunk --save 프로젝트에 Redux 연결 1. 크롬 확장 프로그램 설치 2. client/src/index.js 아래 코드 작성 // client\src\index.js import React from 'react'; import ReactDOM from.. 2023. 3. 21. 📚 [node.js + react] 클라이언트와 서버 동시에 실행 - concurrently 📚 [node.js + react] 클라이언트와 서버 동시에 실행 - concurrently 원래는 따로 npm strat 해야 하지만 concurrently를 설치해 준다면 그럴 필요가 없어진다. npm install concurrently --save 기존 package.json에서 아래의 코드처럼 추가 작성 해줘야 한다. { "name": "react", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "start": "node sever/index.js", "backend": "nodemon sever/index.js", "test": "echo \"Error: no test specified\" && exit 1",.. 2023. 3. 17. 이전 1 2 3 4 5 6 ··· 10 다음
