wosrncoding

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

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

이번 구름톤 프로젝트에서는, 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..

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

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

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.

리액트리액트는 페이지단위로 html을 작성하는게 아니라, 컴포넌트 단위로 코드를 작성 (헤더 컴포넌트, 광고 컴포넌트, 언론사 목록 컴포넌트 등) -> 비슷한 역할을 하는 컴포넌트들을 여러 창에서 재사용 가능컴포넌트 = ui를 구성하는 개별적인 뷰 단위함수형 컴포넌트 = 컴포넌트가 함수로 표현되어 있고, return값으로 jsx를 반환하는 컴포넌트모든 함수형 컴포넌트 이름은 대문자로 시작하는 것이 문법 (컨벤션이 아닌 문법 ! -> html과의 구별을 위한 것 . html 태그는 소문자로, 컴포넌트는 대문자로 표현 )컴포넌트는 함수형이 아닌 클래스형도 있지만, 지금은 대부분 함수형을 사용함수형 컴포넌트들은 jsx를 리턴함 (html처럼 생긴)jsx = javascript extension : js의 확장..