전체 글

Git 명령어1. git 초기설정git 초기화git init복제git clone 레포지토리 주소예) git clone https://github.com/Kanaries/pygwalker.git연결git remote add origin 레포지토리주소예) git remote add origin https://github.com/Kanaries/pygwalker.git연결 확인git remote -v  2. 상태 관리파일 현재 상태 확인git status파일 트랙킹git add 파일 경로예) git add src/router/root.jsx커밋(로컬에 저장)git commit -m "커밋 메시지"푸쉬(로컬에 저장된 것 원격에 올리기)로컬 브랜치명 그대로 원격 브랜치로 올릴 때- git push -u origi..

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, ..

1. 에러 로그테스트 코드를 작성하고 실행하는 중에 아래와 같은 에러가 떴다.org.hibernate.tool.schema.spi.CommandAcceptanceException: Error executing DDL " create table user ( is_active bit default true, is_banned bit default false, id bigint not null auto_increment, email varchar(255) not null, nickname varchar(255) not null, password varchar(255) not null, role varchar(255) ..

1. 에러 로그SLF4J(W): Class path contains multiple SLF4J providers.에러 로그는 SLF4J 가 Multiple Binding이 되어 있다는 뜻이다.  2. 원인build.gradle에 중복으로 설정을 했기 때문이었다.dependencies { implementation 'org.springframework.boot:spring-boot-starter-web' implementation 'org.springframework.boot:spring-boot-starter-log4j2'}spring-boot-starter-web 패키지에는 spring-boot-starter-logging을 dependency로 참고하고 있다.그런데 나는 spring-boo..

1. 에러 내용***************************APPLICATION FAILED TO START***************************Description:Failed to configure a DataSource: 'url' attribute is not specified and no embedded datasource could be configured.Reason: Failed to determine a suitable driver classAction:Consider the following: If you want an embedded database (H2, HSQL or Derby), please put it on the classpath. If you have dat..

SpringBoot 프로젝트를 진행하던 중 builder() 메서드를 못 찾는 compile 에러가 발생했다.build.gradle에 lombok 의존성을 추가해줬는데도 이러한 오류가 발생했다.symbol: method builder()location: class Chat 찾아보니 build.gradle에 lombok 의존성뿐만 아니라 annotation processor를 추가해주어야 한다고 한다.아래 두 줄을 build.gradle에 설정하고 나니 해결되었다.annotationProcessor('org.projectlombok:lombok')testAnnotationProcessor('org.projectlombok:lombok')  참고: https://goyunji.tistory.com/96