SQL문제를 풀다가 알게되었는데 별칭이 있는 컬럼은 WHERE절에서 사용하지 못 한다. 찾아보니 사용하지 못 하는 이유는 SQL의 실행순서때문이라고 한다. SQL의 실행순서는 아래와 같다. FROM / JOIN -> WHERE -> GROUP BY -> HAVING -> SELECT -> ORDER BY -> LIMIT 보다시피 SELECT절보다 WHERE절이 먼저 실행이 된다. 그렇기 때문에 WHERE절에서 별칭이 붙은 컬럼을 이용하면 오류가 발생하는 것! SELECT 이전에는 별칭을 사용할 수 없지만, 그 후부터는 별칭이 사용이 가능하다. 그런데 내가 풀은 문제에서는 HAVING에서 별칭을 이용했다. HAVING 역시 SELECT 전에 수행이 되는데 어떻게 이건 오류가 안 날까?에 대한 의문이 있었다..
💻개발
기본적인 캘린더 커스텀 후 import React from "react"; import FullCalendar from "@fullcalendar/react"; import dayGridPlugin from "@fullcalendar/daygrid"; // a plugin! import "./CustomCalendar.css"; function CustomCalender() { const handleDayCellContent = (arg) => { const dayNumber = arg.dayNumberText.replace("일", ""); return dayNumber; }; return ( ); } export default CustomCalender; css 파일에 아래와 같이 추가해주었다. /*..
달력에 한국어 설정을 넣어주었더니 아래 사진과 같이 디자인적으로 마음에 들지가 않았다. 그래서 '일'을 없애고자 결심! import React from "react"; import FullCalendar from "@fullcalendar/react"; import dayGridPlugin from "@fullcalendar/daygrid"; // a plugin! import "./CustomCalendar.css"; function CustomCalender() { return ( ); } export default CustomCalender; 아래 블로그와 공식문서의 Content Injection 부분을 참고해서 코드 구현했다. https://develop-cat.tistory.com/4 [fu..
npm install react-cookie yarn add react-cookie # 전체 코드 import {Cookies} from 'react-cookie'; const cookies = new Cookies(); export const setCookie = (name : string, value : string, option?:any) => { return cookies.set(name, value, {...options}); import {Cookies} from 'react-cookie'; const cookies = new Cookies(); Set export const setCookie = (name : string, value : string, option?:any) => { retu..
위와 같은 코드를 쳤는데, f12를 보니 undefined라고 정의됌 react는 환경 변수 설정 시에 변수명에 REACT_APP_이라는 접두어가 꼭 필요함!! 작성할 때는 홑, 쌍따옴표 필요없다. 알아서 string으로 인식 줄 끝에 , ;가 필요하지 않다 루트 경로에 있는지 확인한다. .gitignore에 포함시키기 주석은 # 키=값 =의 양옆 띄어쓰기 금지 파일 변경하면 개발 서버 다시 시작해야한다. https://velog.io/@rmaomina/react-env React에서 .env 환경변수 사용하기 외부 api에 접근하기 위해 token 등이 필요한 경우, 배포하지 않고 개발환경에만 적용할 수 있도록 환경 변수를 설정해야 한다. .env 파일을 가지고 process.env로 가져오는데, nu..
목차 📂content 1. 리터럴이란? 소스 코드 내에 직접 입력된 값(데이터)을 의미한다. (변수 초기화 시 '저장할 값'에 해당되기도 한다.) cf) 상수 (constant) 값을 한 번 저장하면 변경할 수 없는 "변수" 를 뜻한다. 📑 공부 자료 https://wikidocs.net/81913 감사합니다😊
목차 💭Intro 알고리즘 문제를 풀다가 문제가 안 풀려서 여러 블로그를 살펴보았는데, int가 아닌 Integer을 쓰는 것을 발견했다. 그런데 갑자기 int가 아닌 Integer을 쓰는 이유에 대해 궁금해졌다. 그래서 이 둘의 차이점을 찾아보기 시작했다. 📂content 1. int란? 자료형에서 기본형(primitive type)에 속함 산술 연산 가능 null로 초기화X 2. Integer란? 래퍼 클래스(wrapper class) -> 클래스이기 때문에 클래스가 가지는 특성(멤버변수, 생성자, 함수 등이 존재)을 포함함. Unboxing하지 않을 시 산술 연산 불가능 null값 처리 가능 2-1. 왜 사용? 기본 유형을 사용할 수 없는 Collection 객체로 작업할 때 메소드의 인수로 객체 ..
목차 💭Intro 알고리즘 스터디를 하는 도중에 데이터타입이 int인 변수에 10_000_000 값으로 초기화한 코드를 보게 되었다. 팀원은 가독성을 높이기 위해 사용했다고 말했는데, 이에 대해 더 궁금해져서 찾아보게 되었다. 📂content 1. 언제 사용? Java SE 7 이상부터 언더바(_)는 숫자 리터럴의 어디든지 쓸 수 있다. long creditCardNumber = 1234_5678_9012_3456L; long socialSecurityNumber = 999_99_9999L; float pi = 3.14_15F; long hexBytes = 0xFF_EC_DE_5E; long hexWords = 0xCAFE_BABE; long maxLong = 0x7fff_ffff_ffff_ffffL; ..
🌳Extension 편리하게 개발할 수 있도록 도와주는 확장팩 🌳사용 방법 빨간색 클릭시 들어갈 수 있다. 🌳 추천 1. Korean Language Pack for Visual Studio Code VS Code용 한국어 팩 영어로 되어 있는 비쥬얼 스튜디오 코드를 한국어 버전으로 보여주는 확장 프로그램 2. Live Server 작성하고 있는 코드를 실시간으로 보여주기 때문에 변경 내용을 파악할 수 있다. 3. HTML CSS Support html태그 클래스에서 css 선택자를 쓸 때 자동 완성 기능을 지원해준다. 4. Prettier - Code formatter VS Code 코드 자동화 정렬 확장 프로그램 코드를 들여쓰기 하지 않고 작성을 해도, Ctrl+S로 저장하면 코드가 자동으로 들여쓰기..
1. 자신의 OS에 맞게 다운로드 - Stable : 추천. 버그발생률을 줄인 안정된 버전 - Insiders : 최신 버전이지만, 불안정하여 여러 버그가 나타날 수 있음. 2. 다운로드 받은 파일으로 설치 시작하기 VScode 설치 완료!
