분류 전체보기 71

백엔드 입문하기 : 1장 사전지식

1. 서버와 클라이언트- 서버(스프링부트) 클라이언트(웹 브라우저) 간의 통신이 이뤄짐- 클라이언트 : 서버로 요청하는 프로그램들 / 서버 : 클라이언트의 요청을 받아 처리하는 주체- 데이터베이스 : 데이터를 한 군데에 모아놓고 여러 사람이 사용할 목적으로 관리하는 데이터 저장소. 데이터베이스 관리 시스템(DBMS)에 데이터를 요청하면, DBMS는 데이터베이스에서 데이터를 꺼내 응답함 2. RDB란 - 관계형 데이터베이스 - 데이터베이스에는 RDB.NoSQL,NewSQL 등 여러 종류가 있는데, 그 중 가장 많이 사용하는게 RDB- 관계형 데이터베이스에선 데이터를 행과 열로 이뤄진 테이블로 관리하며, 기본키를 사용해 각 행을 식별함- 각 테이블간에 관계를 지을 수 있음- RDB에서 가장 유명한 데이터베..

dev/백엔드 2024.08.17

백엔드 입문하기 : 0장 개발환경 구축

남은 방학동안 무엇을 할까 하다가 백에 슬며시 입문해보기로 했다 https://product.kyobobook.co.kr/detail/S000201766024 스프링 부트 3 백엔드 개발자 되기: 자바 편 | 신선영 - 교보문고스프링 부트 3 백엔드 개발자 되기: 자바 편 | ★ 자바 백엔드 개발자가 되고 싶다면 ★ 자바 언어 입문 그다음에 꼭 보세요실력을 갖춘 개발자로 성장하려면 시작이 중요합니다. 그래서 이 책은product.kyobobook.co.kr 동기가 빌려준 "스프링부트3 백엔드 개발자 되기 - 자바편" 을 2주간 훑어볼 예정이다 0장. 개발 환경 구축하기0장에서는 인텔리제이 설치 후 스프링 프로젝트 생성 / 포스트맨 설치 등의 기초작업을 한다그치만 역시 책처럼 모든게 한번에 설치되지 않았슴..

dev/백엔드 2024.08.17

구름톤 유니브 개발로그 : api 모듈화 (react-query 사용기)

이번 구름톤 프로젝트에서는, api를 모듈화하고 커스텀훅으로 만들어서 사용하였다 1) apis 폴더 안에 instance.ts 파일에 axios instance를 create해서 만들어둔다 이때 백엔드 측에서 준 base url은 노출을 막기 위해 env파일에 넣고, gitignore에 넣는다 (이렇게 하면 env파일의 내용이 깃허브에 올라가지 않기 때문에, 협업 프로젝트라면 프론트 팀원들간에 env파일에 변경이 있을 시 따로 알려준다 / vite를 사용한 경우 env파일의 환경변수 이름이 VITE_로 시작해야한다) 2) apis 폴더 안에 axios instance를 사용해서 원하는 api 메소드 (get 등) 를 사용하는 코드를 작성한다 (그런데 구글링을 하다보니 async await에서 try-ca..

dev/프론트엔드 2024.04.02

구름톤 유니브 개발로그 : 배포 전 리액트 프로젝트 휴대폰에서 실행하는법

구글링 했을때는 1)cmd에서 ipconfig 입력해서 나온 값 중 2)Ipv4 에 해당하는 값:port번호 로 접속하면 된다고했는데 어째서인지 되지 않았다 그러다가 우리 팀 프엔 오빠에게 물어봤더니 한큐에 해결되었다 우선 npm run 할때, 그냥 npm run dev 말고 npm run dev — —host 로하면 주소가 두개 뜨고, 두개 중 밑 주소가 위의 2)형식으로 뜨는데, 이 주소로 접속하니 잘 되었다 위의 network 옆에 적힌 주소로 접속하면 된다 (이때 노트북의 와이파이와 같은 와이파이로 접속해야함)

dev/프론트엔드 2024.03.20

구름톤 유니브 개발로그 : 개발 환경 세팅

저번 구글 솔루션 챌린지 때 중간회고들을 남기지 못한게 아쉬워서,, (솔챌 끝나면 쫙 정리해서 써야지~ 라고 했으나,, 안쓰게됨,,, 우리에겐 늘 다음 프로젝트가) 이번에는 개발 중간중간 짧게나마 진행상황과 배운점들을 남겨두려고 한다 우선 체계없이 냅다 개발하던 (업무 방식도 코드자체도,,,모두) 저번 프로젝트와는 달리 이번엔 경력 짱짱한 프로 프엔님과 협업을 하게되어서, 제대로 된 프론트 개발 협업에 대한 경험이 가능했다 1) 프로젝트 시작 전 기술스택을 모두 정하는 것의 이점과 효율성에 관하여 우선 개발 전에 위와 같이 기술스택을 모두 정하고 초기세팅을 진행했다 리액트 프로젝트 생성 후 필요한 패키지들을 처음에 모두 받아서 main에 푸쉬를 해두고 설치된 파일들의 모음인 node_modules는 gi..

dev/프론트엔드 2024.03.18