1. 문제점localhost:3000/users/sign_in 경로로 접속을 시도했을 때,'로그인 페이지입니다.'라는 문구가 나오지 않고,빈 화면이 떴다. 2. 기존 코드//App.jsimport logo from './logo.svg';import './App.css';import { Desktop, Mobile, Tablet } from './layouts/ResponsiveComponent';import { RouterProvider } from 'react-router-dom';import root from './router/root';function App() { return ( ..
티스토리챌린지
JavaScript만 사용하며 개발을 진행하던 나날이 이어졌는데TypeScript를 쓰시는 분을 보고, TypeScript와 JavaScript와의 차이점이 궁금해졌다.따라서 둘의 차이점을 작성하고,앞으로 상황에 맞는 언어를 쓰기 위해 이 글을 작성한다. 차이점가장 큰 차이는 이름에서도 유추할 수 있듯이 type의 유무이다.Java를 예로 들자면 변수 선언 시 변수 앞에 붙는 char int long String 같은 게JavaScript는 없고, TypeScript는 있다는 것이다.코드를 보면서 이해해보자. // JavaScriptvar a = 1var b = 2var c = a + b위처럼 JavaScript는 변수를 선언할 때 자료형을 명시하지 않는다.// TypeScriptvar a: numbe..
회원이 로그인을 했을 때, 헤더 상단의 프로필 사진을 클릭했을 때자신의 정보를 볼 수 있고, 마이페이지로 이동할 수 있는 드롭다운이프로필 사진 하단에 뜨게 하려고 한다. 사전 작업우선, 이 설정을 하기 전에 드롭다운을 프레임으로 만들어두어야 한다.이미 드롭다운을 만들어두었는데 프레임 형태가 아니라면우클릭 - Frame selection을 하거나, 단축키 Ctrl + Alt + G을 사용하면 된다. 드롭다운을 프레임으로 설정하는 것을 마쳤다면,이제 아래 단계를 따라오면 된다. 설정 방법프로필 사진 클릭피그마 우측 상단의 Prototype 클릭Interactions 옆의 + 버튼을 눌러 interaction을 추가한 후 None이라고 된 부분 클릭Trigger에서 On Click으로 변경Action으로 ..
1. AWS란?서버를 로컬에서만 실행하고 테스트하면다른 PC나 휴대폰에서 접속할 수 없다.다른 기기에서도 이 서비스에 접속하려면실제 서버에 스프링 부트 서버를 올려 실행해야 한다.이 행위를 배포라고 한다.배포는 배포용 PC를 구매해서 배포하거나AWS, NCP 등 클라우드 컴퓨팅 서비스를 이용해 배포하는 방법이 있다.클라우딩 컴퓨팅 서비스를 사용하면 PC를 구매하고,그 이후의 번거로운 작업을 할 필요 없이기업이 구축한 환경에 서버 환경을 마련할 수 있다. 2. AWS로 우리의 서비스 배포하기우리의 서비스를 AWS에 배포하려면AWS 상에서 서버를 구현해야 한다.즉, AWS 상의 가상 PC를 마련해야 한다.실제 우리가 사용할 AWS의 서비스는 아래와 같다.EC2: AWS에서 제공하는 원격 서버RDS: AWS에..
스프링 프레임워크에서는 컨트롤러(Controller)에서 뷰(View)로 데이터를 전달하는 여러 가지 방법이 있다.그 예로는 Model, ModelMap, ModelAndView가 있다.개념과 차이점을 알아보자. 1. 개념1) ModelModel이란?👉 뷰를 렌더링하는 데 사용되는 속성을 제공할 수 있는 가장 기본적인 개념(스프링 MVC에서 컨트롤러와 뷰 사이의 데이터를 전달하는 역할을 하는 인터페이스)뷰에 데이터를 제공하려면?👉 controller에서 데이터를 Model 객체에 추가하면, 이 Model 객체는 뷰로 전달되어서 뷰에서 사용될 수 있음Model에 데이터를 추가하는 방법👉 addAttribute() 메서드를 사용예) model.addAttribute("message", "Hello, ..
