[Java] 김영한의 실전 자바 기본 공부 내용 정리 - 1
·
BackEnd/Java
기본형 : int long double boolean 처럼 변수에 사용할 값을 직접 넣을 수 있는 데이터 타입 참조형 : Student student, int[] students 와 같이 데이터에 접근하기 위한 참조를 저장하는 데이터 타입 참조형 변수는 참조값이 존재하는 위치를 저장한 변수 기본형은 들어있는 값을 그대로 계산에 사용할 수 있다. 참조형은 그대로 사용할 수 없다. 왜? 주소지만 가지고 있기때문에 주소지에 있는 변수에 까지 접근해야한다. 기본형은 연산 o 참조형은 연산 x 기본형을 제외한 나머지는 모두 참조형이고, 기본형은 타입이 모두 소문자로 시작한다. 자바가 기본으로 제공하는 타입 개발자가 새로 만들고 싶다면 Class를 통해서 구현하며 이것은 참조형이다. String? 자바에서 Stri..
[Java] 클래스, 객체, 인스턴스 정리
·
BackEnd/Java
package class1; public class ClassStart1 { public static void main(String[] args) { // 데이터 변경시에 정확한 인덱스를 찾아서 제거하는 것이 너무 위험하다. // 실수하기 좋은 코드, 컴퓨터는 상관없지만, 사람이 컨트롤하기 힘든 코드 // 하나로 묶어서 관리하는게 좋을 것 같다. -> 클래스 String[] studentName = {"학생1","학생2","학생3"}; int[] studentAge = {15,16,17}; int[] studentGrade = {90,80,70}; for(int i = 0; i < 3; i++){ System.out.println(studentName[i] + " " + studentAge[i] + " ..
[NextJS] NextJS 14의 변경점 및 업데이트 알아보기
·
FrontEnd
2023년 10월 26일 NextJS 14버전이 발표되었습니다. 프론트엔드의 트렌드에 가장 부합하는 프레임 워크인 만큼 관심이 많이 쏠렸습니다. NextJS 14의 변경점 Turbopack: App 및 Pages Router에 대한 5,000개의 테스트가 통과 로컬 서버 시작 시간이 이전보다 53% 빨라짐 Fast Refresh를 통한 코드 업데이트 속도가 이전 대비 94% 향상 Server Actions (안정 버전): 점진적으로 향상된 뮤테이션 지원 캐싱 및 재검증과 통합 단순한 함수 호출 또는 양식과 자연스럽게 작동 Partial Prerendering (미리보기): 빠른 초기 정적 응답 및 동적 콘텐츠 스트리밍 Next.js Learn (새로운 기능): App Router, 인증, 데이터베이스 등..
[NextJS] JWT토큰을 이용하여 로그인 기능 구현하기
·
FrontEnd
Admin 페이지를 제작하게 되어서 로그인 페이지를 제작할 일이 생겼습니다. JWT란? JWT는 JSON Web Token의 약자로, 웹에서 정보를 전송하기 위한 토큰 인증 방식입니다. JWT는 정보를 JSON 객체로 표현, 이를 안전하게 전송하기 위해 Base64로 인코딩하여 문자열로 표현합니다. JWT는 일반적으로 사용자 인증 정보, 클레임(Claim)과 그에 대한 서명(signature)으로 구성됩니다. 클레임은 토큰에 담기는 속성으로, 사용자에 대한 정보나 토큰의 유효 기간 등을 나타내며, 서명은 토큰이 변조되지 않았음을 확인하기 위한 부분입니다. JWT는 크게 세 부분으로 나눠집니다: Header / Payload / Signature Header(헤더): JWT의 타입 및 사용된 해시 알고리즘..
[에러로그] NextJS npm run dev 실행 오류
·
카테고리 없음
에러 내용 next-app을 실행해보니 다음과 같은 오류가 나왔다. performance is not defined 라는 현상이 나왔고 구글링 해본 결과 다음과 같은 결과를 얻을 수 있었다. 이 분이 노드 버전문제라고 얘기하고 계시다. 그래서 노드버전을 16버전으로 올렸다. 노드 버전을 올리는 법은 nvm 을 설치하여 진행해야한다. https://jang8584.tistory.com/295 nvm 설치 및 node 설치 - 사용법(mac&windows) 1. windows 에서 설치 아래 경로로 이동해서 Windows용 nvm설치 파일을 다운로드 한다. nvm-setup.zip 파일을 다운로드 한다. https://github.com/coreybutler/nvm-windows/releases Releas..
SSR과 CSR?
·
공부중/WEB
SSR( Server Side Rendering ) SSR - Server Side Rendering의 약자로 웹 페이지의 랜더링을 서버에서 처리하는 방식입니다. SSR의 랜더링 방식 SSR의 랜더링 방식은 다음과 같습니다. 1. 클라이언트, 사용자가 서버에 웹 페이지를 요청합니다. 2. 서버는 요청을 받고 필요한 데이터를 수집합니다. 3. html, css, javascript를 사용하여 웹 페이지를 랜더링합니다. 4. 랜더링된 html 페이지를 클라이언트에게 보냅니다. 5. 클라이언트는 받아온 완성된 html을 화면에 표시합니다. SSR의 장,단점 - 장점 서버 사이드 랜더링은 CSR에 비해 랜더링 속도가 빠릅니다. (이유는 마지막에) 그리고 검색 엔진이 콘텐츠를 쉽게 인덱싱하며, 검색 결과에 표시 ..
[TS][JS] 객체 비 구조화 할당 (destructuring assignment)
·
Typescript
객체 비 구조화 할당( 구조 분해 할당 ) 이란? 자바스크립트에서는 객체의 구조분해 할당을 통해 더 가독성이 좋은 코드를 만들 수 있습니다. 이 편리함과 가독성이 좋은 코드라는 의미는 코드를 보며 이해하겠습니다. const user = { name:"kim", age:25, gender:"Male", university:"Seoul Unv", introduce:"hello my name is kim", } 위와 같은 객체가 있다고 가정할 때, 값들을 비구조화 할당하지 않은채 추출하겠습니다. const user = { name:"kim", age:25, gender:"Male", university:"Seoul Unv", introduce:"hello my name is kim", } console.log..
[React] React 앱에서 firebase DB 조회 하기 CRUD
·
FrontEnd/React
제작중인 개인 프로젝트 앱에서 커뮤니티 페이지가 필요하여 DB 구성을 해야되는데 직접 서버만들어서 배포할 만큼의 사이즈가 아니라고 판단이 되어서 db를 firebase로 사용하기로 했다. Firebase의 장점과 단점 이 글을 요약 설명하자면, 결론적으로 엄청나게 빠르게 DB를 구축할 수 있으며, 실시간으로 작동한다. 우리가 서버를 만들고 배포하는 것이 쉽지많은 않다 클라우드 서버를 만들어서 서버를 배포한다고 가정했을때, 서버를 구성하고 DB를 구축하고 (이미 여기서 시간 너무 듬) 이후에 클라우드 서버 AWS 혹은 NCP(Naver Cloud Platform) 등등.. 여러 클라우드 서비스를 사용했을때 들어가는 시간이 너무 많이 들어간다.. 하지만 이번에 firebase 만들어 보면서 너무 간단하고 쉽..