[Svelte] SvelteKit으로 웹사이트 만들기 2️⃣ vercel로 배포

프로젝트를 로컬에서 만들어서 굴리는 건 그렇다 쳐도, 포트폴리오로 사용하기 위해서는 다른 사람들이 접근할 수 있게 해야 했다. 그러기 위해서 선택한 방법이 Vercel 깃 리포지토리와 연결하면 자동으로 빌드 후 배포가 된다고 해서 시도해보았다! Vercel: Develop. Preview. Ship. For the best frontend teams Vercel's frontend cloud gives developers the frameworks, workflows, and infrastructure to build a faster, more personalized Web. vercel.com 먼저 vercel에 접속한 후, Git 계정으로 로그인해주었다. 그리고 Add New Project 이후 내가..

• format_list_bulleted TIL/FrontEnd
• · 2023. 8. 7.
• textsms

[Next.js] 응답 완료 시 다른 페이지로 이동하기

Next에서 너무나 자연스럽게 useNavigate를 쓰려고 했다 될리가 없다! Next에서 다른 페이지로 navigate 시키는 방법에는 Link와 Router가 있는데, 버튼 누르면 이동하는 Link식이 아니라 axios 요청이 완료되면 자동으로 이동시키게 하려고 Router를 이용했다. useNavigate와 같이 임포트 후 선언해서 사용하면 됨  // importimport { useRouter } from "next/router";// 선언const router = useRouter();axios.post(`${baseURL}/api/auth/login`, data).then((res) => { const statusCode: number = res.data.statusCode; if (re..

• format_list_bulleted TIL/FrontEnd
• · 2023. 8. 6.
• textsms

WebSquare 2 - 개요

웹스퀘어2 개발 가이드 docs1.inswave.com WebSquare는 차세대 웹표준인 HTML5를 지원하는 SW로, 국내 최초의 WYSIWYG 개발도구가 포함된 웹 표준 RIA 제품 WYSIWYG 위지위그(WYSIWYG: What You See Is What You Get, "보는 대로 얻는다")는 문서 편집 과정에서 화면에 포맷된 낱말, 문장이 출력물과 동일하게 나오는 방식을 말한다. 구성 웹표준 기반 UI 플랫폼: 자바스크립트 기반 Ajax Engine (서버 통신, 데이터 변환 처리 등) 웹표준 기반 UI 컴포넌트: Grid, Chart, Tree 등 컴포넌트 제공 WYSIWYG 개발도구: 개발된 화면 내외장 WAS에 배포하여 실시간 확인 작업 가능 주요 기능 이클립스 플러그인과 결합 사용 X..

• format_list_bulleted TIL
• · 2023. 8. 1.
• textsms

[Java] 백엔드 기초 - JSP & Servlet (3)

JSP 내장 객체 request => javax.servlet.http.HttpServletRequest 클라이언트의 요청정보를 서버 측에서 사용할 때 String value = request.getParameter(String name); request로 넘어오는 name에 해당하는 value값 받기 request.setCharacterEncoding("euc-kr"); request로 넘어오는 한글 인코딩 변환 String str [] = request.getParameterValues("hobby"); name에 해당하는 value 여러개일때 사용함 Enumeration e = request.getParameterNames(); request로 넘어오는 name에 대한 정보 가져오기 String i..

• format_list_bulleted TIL/Java
• · 2023. 7. 16.
• textsms

IT 전체 영역 큰 그림 보기

01. IT 전체 업무 보기 Information vs Data Data 가공되지 않은 값 ex. 숫자 Information 가공되어 의미있는 값 ex. 잔고 Data가 Information이 되려면: 존재 > 분석 > 가공 Program 의미 있는 정보를 사용자가 이용할 수 있게 해주는 전자적 도구 IT Information Technology 정보가 전자적 기술을 통해 공급자로부터 수요자까지 전달되는 과정 전체 필수 프로세스 1. 개발 > 2. 동작(서버) > 3. 전달(네트워크) > 4. 사용(PC/모바일) 02. IT 개발 업무 전체 개발의 종류 프로젝트형 개발 특정 시스템을 기간을 정해서 개발 (외주, 자체) SI 프로젝트, 솔루션 프로젝트 등 정해진 기간에 정해진 일 고객의 요구사항 확인 중요..

• format_list_bulleted TIL
• · 2023. 7. 5.
• textsms

객체지향 설계 5원칙 - SOLID

응집도와 결합도 좋은 소프트웨어 설계를 위해서는 결합도coupling는 낮추고 응집도cohesion은 높여야 한다 결합도 모듈(클래스)간의 상호 의존 정도 응집도 하나의 모듈 내부 구성 요소들의 기능적 관련성 SRP Single Responsibility Principle: 단일 책임 원칙 어떠한 클래스를 변경해야 하는 이유는 한가지 뿐이어야 한다. OCP Open Closed Principle 자신의 확장에는 열려 있고, 주변의 변화에 대해서는 닫혀 있어야 한다. 상위 클래스 또는 인터페이스를 중간에 둠으로써, 자신은 변화에 대해서는 폐쇄적이지만 인터페이스는 외부의 변화에 대해서 확장을 개방해 줄 수 있다. LSP Liskov Substution Principle 서브 타입은 언제나 자신의 기반(상위)..

• format_list_bulleted TIL
• · 2023. 7. 4.
• textsms