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] + " ..

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, 인증, 데이터베이스 등..

Admin 페이지를 제작하게 되어서 로그인 페이지를 제작할 일이 생겼습니다. JWT란? JWT는 JSON Web Token의 약자로, 웹에서 정보를 전송하기 위한 토큰 인증 방식입니다. JWT는 정보를 JSON 객체로 표현, 이를 안전하게 전송하기 위해 Base64로 인코딩하여 문자열로 표현합니다. JWT는 일반적으로 사용자 인증 정보, 클레임(Claim)과 그에 대한 서명(signature)으로 구성됩니다. 클레임은 토큰에 담기는 속성으로, 사용자에 대한 정보나 토큰의 유효 기간 등을 나타내며, 서명은 토큰이 변조되지 않았음을 확인하기 위한 부분입니다. JWT는 크게 세 부분으로 나눠집니다: Header / Payload / Signature Header(헤더): JWT의 타입 및 사용된 해시 알고리즘..

에러 내용 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( Server Side Rendering ) SSR - Server Side Rendering의 약자로 웹 페이지의 랜더링을 서버에서 처리하는 방식입니다. SSR의 랜더링 방식 SSR의 랜더링 방식은 다음과 같습니다. 1. 클라이언트, 사용자가 서버에 웹 페이지를 요청합니다. 2. 서버는 요청을 받고 필요한 데이터를 수집합니다. 3. html, css, javascript를 사용하여 웹 페이지를 랜더링합니다. 4. 랜더링된 html 페이지를 클라이언트에게 보냅니다. 5. 클라이언트는 받아온 완성된 html을 화면에 표시합니다. SSR의 장,단점 - 장점 서버 사이드 랜더링은 CSR에 비해 랜더링 속도가 빠릅니다. (이유는 마지막에) 그리고 검색 엔진이 콘텐츠를 쉽게 인덱싱하며, 검색 결과에 표시 ..

객체 비 구조화 할당( 구조 분해 할당 ) 이란? 자바스크립트에서는 객체의 구조분해 할당을 통해 더 가독성이 좋은 코드를 만들 수 있습니다. 이 편리함과 가독성이 좋은 코드라는 의미는 코드를 보며 이해하겠습니다. 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..

제작중인 개인 프로젝트 앱에서 커뮤니티 페이지가 필요하여 DB 구성을 해야되는데 직접 서버만들어서 배포할 만큼의 사이즈가 아니라고 판단이 되어서 db를 firebase로 사용하기로 했다. Firebase의 장점과 단점 이 글을 요약 설명하자면, 결론적으로 엄청나게 빠르게 DB를 구축할 수 있으며, 실시간으로 작동한다. 우리가 서버를 만들고 배포하는 것이 쉽지많은 않다 클라우드 서버를 만들어서 서버를 배포한다고 가정했을때, 서버를 구성하고 DB를 구축하고 (이미 여기서 시간 너무 듬) 이후에 클라우드 서버 AWS 혹은 NCP(Naver Cloud Platform) 등등.. 여러 클라우드 서비스를 사용했을때 들어가는 시간이 너무 많이 들어간다.. 하지만 이번에 firebase 만들어 보면서 너무 간단하고 쉽..

코틀린에 대한 기본 상식 코틀린은 자바가상머신(JVM) 위에서 동작하기 때문에 자바에서 파생된 언어라고 할 수 있다. 코틀린은 널 안정성(null safety), 확장함수(extension function), 데이터 클래스(data class) ... 등등 개발자에게 편리함을 제공한다. 기존 자바 프로젝트에도 호환이 가능하기때문에, 통합이 가능하다. 형 변환 코틀린은 형변환의 오류를 발생시키지 않게 하기위해 암시적 형변환을 지원하지 않는 언어이다 암시적 형변환은 자동으로 형변환을 시켜주는 것 이라고 생각해도된다. 형 변환 함수 toByte(), toShort(), toInt(), toLong(), toFloat(), toDouble(), toChar() to ~ 기존 형에서 ~ 형으로 변환해준다는 뜻 타..