GeehDev

Vue 탬플릿 문법탬플릿(Template)란 기본적으로 UI를 구성하는 틀로, 웹 개발에서는 HTML을 기반으로 화면을 구성하는 요소를 탬플릿이라 볼 수 있다.Vue에서는 단순 정적 탬플릿이 아니라 데이터의 변화에 따라 동적으로 반응하여, 반응형 데이터를 바인딩할 수 있도록 설계되어 있다.1. Mustache 문법{{ message }} {{}} 형식으로 작성하는 문법으로, 데이터를 바인딩할 때 쓰인다.{{ 변수 }} 형식으로 작성하여 변수에 들어있는 데이터를 화면에 표시해주는 역할을 한다.📌나 Mustache 라는걸 들어봤어요! 어디서 들었더라?Mustache.js라는 탬플릿엔진에서 쓰이던 문법으로 원래는 HTML을 그리는 시점에 들어온 데이터를 바인딩하는 정적 데이터 바인딩 문법이었으나, Vue에서..

Vue.js란개념Vue.js란 Javascript 기반의 Frontend 프레임워크로, Progressive Framework 즉, 필요한 기능만 사용하면서 점진적으로 확장할 수 있는 유연한 프레임워크 이다.특징컴포넌트 기반 개발 : 컴포넌트 기반으로 재사용성이 뛰어나고 유지보수가 쉽다.반응형 시스템 : 데이터가 변경되면 UI가 자동으로 업데이트 된다.가볍고 빠름 : 경량화된 프레임워크로 가볍고 속도가 빠르다.쉬운 학습곡선 : 다른 프론트앤드 프레임워크에 비해 초기 학습곡선이 완만하다 (HTML, CSS, JavaScript 기반)Vue3에서 Composition API 추가 : 코드 구조를 더욱 모듈화하고 유지보수성을 높일 수 있다.SPA(Single Page Application) : Vue Rout..

개요✅기능게시글 내 h태그를 이용하여 목차를 자동 생성할 수 있고각 각 목차를 클릭 시 해당 내용으로 이동하도록 (id와 a태그의 href="#아이디" 방식 사용)현재 스킨이 반응형이기 때문에 그에 따라 목차도 반응형으로 구성 (접이식 목차 / 기본목차) ✅ 방식게시글 작성 시 제목1, 제목2, 제목3 (h태그)를 사용하여 구현 예정티스토리 내 스킨편집과 서식 기능을 이용해서 구현 예정 - html / css / js 작성목차를 만드려는 이유기존 velog에서 티스토리로 이사 오면서 여러 가지 차이점과, 각 각의 장단점을 느꼈었습니다.그중 velog에서는 마크다운 문법으로 글을 작성하면 알아서 목차가 구성되는데, 티스토리의 경우 스킨에 따라 목차가 있을 수 있지만, 제가 택한 스킨에는 없어서 이번 기회에..

발생상황최초 접속 시 CSS/JS/이미지 등 정적 리소스 파일을 불러오지 못하고 전부 깨지는 현상 발생=> 개발자 도구 내 console 창에 각 리소스 파일 404 오류 발생URI 경로를 체크하는 JS로직이 있었는데 URI 경로에 ;jsessionid 값이 붙어 정상적으로 처리하지 못함 원인URL 경로에 ;jsessionid 값이 붙음CSS/JS/이미지 경로 등 정적 리소스 경로에 ;jsessionid 값이 붙음위와 같은 상황이 원인이었고, 이는 톰캣 등 특정 웹 컨테이너에서 브라우저 세션 체크를 위해, URL에 ;jsessionid를 포함해 리다이렉트 하기 때문에 발생 함=> 이는 오류는 아니고, 브라우저에서 쿠키사용을 허용하는지 여부를 알 수 없기 때문에 최초 접속 시에 쿠키 + 위 URL에 ;js..

Spring 이란Spring의 핵심 가치"애플리케이션 개발에 필요한 기반을 제공해서 개발자가 비스니스 로직 구현에만 집중할 수 있게끔 하는 것" Spring은 Java 기반 애플리케이션 개발을 위한 프레임워크입니다.📌 프레임워크? 라이브러리?프레임워크란 소프트웨어 개발에 필요한 기본적인 코드와 설계 패턴을 제공하여, 개발에 필요한 기능 및 규칙 등의 뼈대를 제공하여 더 효율적이고 체계적인 개발을 도와주는 도구 입니다.라이브러리는 개발에 필요한 특정 기능을 제공해주는 도구로 개발자의 필요에 의해 라이브러리를 호출하여 사용할 수 있습니다.프레임워크와 라이브러리의 가장 큰 차이점은 제어권이 누구에게 있냐가 있습니다.- 라이브러리의 경우 개발자가 직접 해당 라이브러리를 호출하여 사용하는 반면- 스프링에서는 객..

velog에서 이관해온 글함수특정 기능을 수행하는 작은 프로그램으로 다양한 프로그래밍 언어에서 사용되는 개념입니다.SQL에서도 해당 개념을 사용하며 다양한 내장 함수를 제공하고 있어 이를 이용할 수 있습니다.함수명(인자, 인자,,,)형식으로 사용할 수 있습니다.인자로 넣어야하는 값들은 함수마다 다르니 아래의 MariaDB에서 주로 사용하는 함수 리스트를 보고 활용해보세요!내장함수의 경우 양이 많아 두 개로 나눠서 작성했습니다.➡️ MariaDB 내장 함수② - 제어흐름/정보 관련문자 관련 함수문자열을 다루는 내장 함수입니다! 가장 많이 사용됩니다.문자열 자르기NO함수명설명1LEFT(문자열 \ 변수 \ 열, 문자수)- 문자열의 왼쪽부터 입력받은 문자 수 만큼 부분 문자열을 리턴합니다.- 주어진 문자열보다 ..

velog에서 이관해온 글연산자SQL의 경우 산술연산자, 대입연산자, 비교연산자, 논리연산자, 등이 있습니다.💡 값 입력 시 주의할 점숫자, 수치형 자료일 경우 값 자체를 입력해주면 되고, 수치형 자료가 아닐 경우 ''로 감싸줘야합니다.# 수치형 자료 OSELECT *FROM tbl_memberWHERE mileage = 1000 ;#수치형 자료 XSELECT *FROM tbl_memberWHERE memberId = 'gee1' ;수치형 자료도 '' 감싸줘도 되지만, 이럴 경우 DBMS가 자동으로 캐스팅해서 실행하므로 속도이슈가 발생할 수 있으므로 지양하는 것이 옳습니다.산술연산자SQL에서 산술연산자는 수치 연산에서만 사용되며, 문자열을 연결시키져줄 때는 concat() 등의 다양한 메서드로 ..

velog에서 이관해온 글DDL DDL 이란, Data Definition Language 데이터 베이스 정의언어를 말한다.데이터베이스를 생성/삭제, 테이블을 생성/삭제/수정하는 경우를 말한다.데이터베이스 생성-- 사용법CREATE DATABASE 데이터베이스명;-- 사용예시CREATE DATABASE maria;데이터베이스 삭제DROP으로 삭제할 경우 해당 데이터베이스 자체가 삭제되므로 주의가 필요합니다. (틀도 안남기고 삭제)-- 사용법DROP DATABASE 데이터베이스명;-- 사용예시DROP DATABASE maria;💡 식별자 규칙09, az, A~Z, $, _문자를 사용할 수 있습니다.식별자란, 데이터베이스명, 테이블명, 컬럼명, 인덱스명 등을 말하며 백틱으로 감싸거나, 아무것도 안감쌀 수 ..

velog에서 이관해온 글데이터 유형MariaDB에서 제공하는 기본 데이터 유형으로는 문자형, 숫자형, 날짜형이 있습니다.문자형구분데이터 유형크기(byte)설명기본char(M)0~255- 고정길이 문자형 : 지정한 길이보다 짧은 문자열이 입력될 시 데이터 남은자리를 전부 공백으로 채움(메모리차지)varchar(M)0~65,535- 가변길이 문자형 : 지정한 길이보다 짧은 문자열이 들어오면 해당 문자열 길이만큼만 메모리차지 - 실제 저장하려는 문자의 길이보다 1~2byte 더 필요 (속도가 char 보다 느림)binary(M)0~255- 고정길이 이진 데이터 값varbinary(M)0~255- 가변길이 이진 데이터 값texttinytext0~255- 대용량의 문자열을 저장할 수 있습니다. - 해당 데이터 ..

velog에서 이관해온 글 DBMS란?데이터데이터란, 현실세계에서 측정되거나 수집된 자료 그 자체로, 그 자체로는 아직 의미나 가치를 가지지 않은 원시적인 값들(raw data)를 말합니다.데이터 자체로는 측정되거나 수집된 데이터 중에 숫자로 표현되는 양적 데이터, 품질 또는 선호도와 같은 사실을 표현하는 질적인 데이터가 있습니다.정보데이터에 분석과 가공을 통해 의미있는 가치가 더해지면 정보가 됩니다.해당 정보를 기준으로 의사결정이나, 의미있는 정보, 정책수립에 활용 가능한 정보를 말합니다.지식지식은 정보들이 축적됨에 따라 연결된 정보들의 패턴을 바탕으로 경험/학습/이해/추론을 통해 처리된 결과물을 지식이라고 합니다.데이터베이스데이터에 맥락을 추가하여 의미 있는 가치를 더하고 집계 및 분석할 수 있는 도..