GeehDev

알고리즘알고리즘이란알고리즘이란 어떤 문제를 해결하기 위해 정해진 순서대로 수행하는 절차나 방법을 말한다.무언가 목표를 갖고 해당 목표를 해결 또는 달성하기 위한 해결방법 그 자체를 말한다고 볼 수 있다. 어떤 알고리즘이 있을까정렬 알고리즘 : 데이터를 오름차순/내림차순으로 정렬 알고리즘ex ) 버블 정렬, 퀵정 정렬, 선택 정렬, 삽입 정렬, 합병 정렬, 힙 정렬, 기수 정렬 등탐색 (검색) 알고리즘 : 원하는 값을 찾는 알고리즘ex ) 선형 탐색, 이진 탐색, 깊이 우선 탐색(DFS), 너비 우선 탐색(BFS), 최소 신장 트리(MST)최단 경로 알고리즘 : 목적지를 가기 위한 가장 빠른 경로를 찾는 알고리즘ex ) 다익스트라, 플로이드 암호화 알고리즘 : 데이터를 안전하게 암호화 하는 알고리즘ex ..

반응형 데이터Vue에서 반응형 데이터(Reactivity) 란, 데이터가 변경될 때 자동으로 UI가 업데이트되는 데이터를 의미한다.데이터가 변하거나 특정 조건이 되었을 때 직접 UI에 이를 적용해주던 기존 방식보다 훨씬 간편하게 UI를 조작 및 관리할 수 있다.기존방식 이름 : Vue의 반응형 데이터 방식 이름 : {{ userNm }} Vue3에서는 이러한 반응형 데이터를 사용하는 대표적인 방법으로 ref(), reactive() 가 있다.ref() {{ count }} +1reference 라는 의미로 반응형 데이터를 만들고, 해당 값을 참조할 수 있도록 해주는 함수기본형, 객체, 배열 등의 모든 자료형을 감쌀 수 있다.주로 기본형 타입을 담는데 유리하다.생성 후 값에 ..

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..

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