잡다구리

Error exit status 5 맥에서는 발생하지 않는데 윈도우 PC에서는 NVM 사용 시 exit staus 5 에러가 발생하고 있었다. 뒤에 내용은 깨져가지고 잘 나오지도 않아서 뭐 때문인지도 모르겠고... 인터넷을 잘 봐도 해결 방법이 잘 보이지가 않아서 혼자 이것저것 시도해봤다. NVM을 지우고 다시 설치해보고, 설치 경로도 바꿔보고 했는데 소용없었다. 관리자 권한으로 터미널을 실행해도 status 5 에러는 status 145로 숫자만 변경될 뿐 달라지는 건 없었다. 해결 방법 예전에 scoop이라는 걸 사용해봤던걸 생각이 났는데, scoop으로 설치하면 혹시 문제가 사라지지 않을까 해서 적용해보니 해결되었다. 혹시 exit status 5 또는 145 에러가 발생하는 사람은 아래와 같이 s..

🚀간단하고 빠르고 쉽게 만들자 이번 글에서는 그렇게들 다들 한 번씩은 만든다는 Todo App을 빠르게 만들어보자. 따로 CSS 등 디자인은 적용하지 않고, 기능적인 것만 구현해보자. 리액트 시작하기 1, 2에서 배운 것들만 이용하여 쉽고 간단하고 빠르게 만들예정이다. 리액트 기초는 알고 있어야 만들 수 있다. 혹시 아직 리액트 기초를 모른다면 아래 글에서 기초만 배우고 오도록 한다. 리액트 시작하기 1 - 설치 및 기본 예제 분석 이 글은 기본적으로 HTML/CSS/Javascript의 기본은 알고 있다는 전제하에 작성되어 있습니다. 잘은 몰라도 되지만 어느 정도 기본 개념은 알고는 있어야 이해하기 쉽습니다. 💾node js 설치 React를 사용 jaegeun.tistory.com 리액트 시작하기 2..

❗이 글은 "리액트 시작하기 1"을 이해했다는 가정하에 진행되므로, 리액트 기본 개념을 아직 모른다면 "리액트 시작하기 1"을 보고 오는 것을 추천드립니다. 🚀Component로 기본 끝내기 Component의 의미는 "리액트 시작하기 1" 글에서 기본 예제 코드를 분석하며 아래와 같이 설명했다. Component : 가독성 / 재사용성 / 유지 보수성을 높이기 위해 복잡한 HTML 코드를 모듈화 할 수 있는 최소 단위 이 Component의 기본 기능만 알게 되면 리액트 기본은 끝났다고 말할 수 있으며, 기본적인 웹앱을 만들 수 있다. 이번 글에서 Component의 기본 기능을 개념과 예제를 통해 리액트의 기본을 끝내보자. 🛫props, state, event Component에서 중요한 3가지 기본..

💢파싱할 수 없는 구조화된 데이터 블로그 검색 노출을 위해 Google Search Console에 수집 요청을 하고 있는데, 파싱 오류라는 리포트가 생성됐다. 블로그 검색 시 타이틀 관련해서 HTML을 수정하면서 ',' 또는 '}' 누락되면서 뭔가 잘못된 거 같긴 한데, 아무리 HTML을 봐도 누락되어 있는 곳이 잘 보이지 않았다. 인터넷 찾아봤을 때는 아래 그림 위치에 문제가 있는 지점이 빨간색으로 표시된다는데 나는 따로 표시해주는 부분이 없었다. 내 블로그가 구글에 검색이 되도록 요청을 했는데도, 잘 보이지가 않는데 이것 때문인 거 같다는 생각이 들어 파싱 오류가 나지 않도록 해봤다. 🚀HTML 초기화 HTML이 잘못되긴 했으니까 문제가 발생하고 있다고 생각되어 HTML을 초기화하기로 결정했다. 아..

😨네이버/구글 검색 노출 내가 쓴 글들의 조회수가 잘 나오지 않아 여러 가지 검색 중에 네이버나 구글 검색 노출에 관한 글들을 봤다. 검색 엔진에 노출되게 하려면 추가로 무언가(?)를 해줘야 한다는 내용을 보고 얼른 적용했다. 쓴 글들에 대해 당연히 검색 노출이 되겠지라고 생각했는데, 그렇지 않고 있었다. (다음에서는 티스토리 블로그는 알아서 검색 노출을 해주는 거 같다. 딱히 해준건 없는데 다음에서는 검색이 되고 있었다.) 그런데 구글에서 최근에 내가 쓴 글들을 검색해봐도 나오질 않고 있었다. 네이버는 당연히 기대를 하지는 않고 있었는데 역시나 네이버는 하나도 나오지 않았다. 🔍블로그 검색 노출 확인 방법 검색이 되고 있는지 확인하는 방법은 검색 포털에 "site:블로그주소"를 검색하면 된다. 구글은 ..

VSCode를 사용하다보면 지금 내 커서가 어디쪽에 있는지 헷갈릴 때가 있다. 커서 색깔을 바꿔서 헷갈리지 않게 하자. 💻Command Palette 열기 VSCode에는 설정이나 명령 같은 걸 검색할 수 있는 Command Palette라는 기능이 있다. 윈도우에서 / 맥에서 를 누르면 ">" 에 입력할 수 있는 Command Palette창이 뜬다 setting.json을 입력 해주자. 그러면 여러개가 나오는데, 전역에 설정할거면 첫 번째(Open Settings)를, 해당 workspace에만 적용할거면 세번째(Open Workspace Settings)를 선택하면 된다. setting.json 파일 아무대나 아래 코드를 넣어주자. (자신의 환경에 따라 기존에 써져있는것은 다를 수 있다.) edit..

Store Procedure 저장 프로시저 저장 프로시저는 SQL Server에서 제공하는 함수처럼 실행하게 끔 하는 프로그래밍 기능이다. MS SQL의 프로시저 코드는 툴(Download SQL Server Management Studio (SSMS))을 이용해서 쉽게 볼 수 있다. 하지만 툴의 버전 문제로 보이지 않는다면 이 글에 쓰여있는 2번째 방법을 사용해보자. 📑툴을 이용한 프로시저 코드 보기 우선 기본적인 툴을 사용하여 프로시저 코드를 보는 방법을 알아보자. 툴에서 아무 프로시저에 (1)마우스 오른쪽 클릭 후, (2)수정을 클릭하면 (3)코드를 볼 수 있다. 보여준다. 📑SQL을 이용한 프로시저 코드 보기 간혹 툴의 버전의 문제로 첫 번째 툴에서 간단하게 프로시저 코드가 확인이 안 될 때는, ..

🚀여기서 알아볼 내용 Join과 Union(Union All)에 대해서 쉽게! 이해하자. Join과 Union의 차이점을 그림을 통해 쉽게 이해할 수 있다. Union과 Union All의 차이점을 금방 이해할 수 있다. Inner Join, Left Outer Join, Right Outer Join, Cross Join를 정확히 구분할 수 있다. 🤼‍♂️Join과 Union의 공통점과 차이점 공통점 - 테이블의 데이터를 연결 차이점 - 연결하는 방법이 다름 🧷결합되는 방식 Join은 테이블의 Column이 추가되는 형식으로 데이터가 옆으로 연결됨 Union은 데이터가 추가되는 형식으로 아래에 연결됨 결합되는 방식의 차이점을 그림으로 어떻게 연결되는지 확인해보자. 🎨Join의 결합 방식을 그림으로 표현..

🚀K!!K!!K!!K!! - PK FK UK CK SQL에 있는 여러 K들에 대한 개념을 알아보자. 🔥PK (Primary Key) 기본키라고 하며 엔티티를 식별하는 대표 키,NULL일 수 없다. 🔥FK (Foreign Key) 다른 테이블의 PK를 참조하는 Key 동일한 Domain을 갖는다. 어떠한 테이블에 존재하는 다른 테이블의 정보 이기 때문에 외래 키이다. 참조하고자 하는 Column은 PK 또는 UK이여야 한다. 🔥UK (Unique Key) 테이블 내에서 해당 Column의 값은 항상 유일하다. PK와 다른 점은 NULL값이 중복 가능하다. 🔥CK (Check) 특정 Column에 값을 입력할 수 있는 범위나 조건을 지정한다. (제약 조건)

🤼‍♂️SQLBindParameter과 SQLBindCol의 차이 둘다 변수를 Bind 시키기위해서 사용되기 위해 사용되는 함수인데, MSDN 설명만으로는 잘 이해가 가질 않았다. 예제 코드들을 보며 이해한 결과 SQLBindParameter는 함수의 매개변수처럼 Bind 시킨다는 개념이고, SQLBindCol 은 Return 되는 데이터(Row) 셋에 변수들을 Column마다 Bind 시키는 개념이다. 📌SQLBindParameter SQLBindParameter는 함수의 매개변수와 동일한 개념으로 생각하면 되고, 함수의 매개변수와 마찬가지로 Input 뿐만 아니라 Output도 Bind 가능하다. (함수의 포인터 또는 참조 변수 타입을 생각하면 된다.) 📌SQLBindCol SQLBindCol은 여러..