우당탕탕 개발일기

html로 작업할 땐 예쁘게 다듬는건 오로지 css로 작업하는게 좋대서 margin뿐만 아니라 heading 태그에 지정된 css 등 기본으로 세팅된 css를 초기화해주는 reset.css을 적용해보기로 했다. https://www.jsdelivr.com/package/npm/reset-css로 접속한다. jsDelivr - A free, fast, and reliable CDN for Open Source Supports npm, GitHub, WordPress, Deno, and more. Largest network and best performance among all CDNs. Serving more than 80 billion requests per month. Built for product..

https://rilee.tistory.com/entry/MSSQLSSMS-%ED%95%9C%EA%B8%80-%EA%B9%A8%EC%A7%88-%EB%95%8C-%ED%95%9C%EA%B8%80-%EC%9C%BC%EB%A1%9C-%EB%82%98%EC%98%AC-%EB%95%8C [MSSQL/SSMS] 한글 깨질 때 / 한글 '???'으로 나올 때 어느날 화면에 한글들이 죄다 '?'로 찍힌다는 이슈가 접수됐다. SSMS를 확인해보니 SSMS에서도 ??로 출력되고 있었다. 구글링해보니 해당 이슈들이 많아서 쉽게 해결할 수 있을 줄 알았는데 쪼금 어 rilee.tistory.com ↑ 어제? 해결했었던 데이터 정렬 문제는 결국 다른 문제가 터졌다. 데이터 베이스의 정렬은 korean_wansung_CI_AS..

어느날 화면에 한글들이 죄다 '?'로 찍힌다는 이슈가 접수됐다. SSMS를 확인해보니 SSMS에서도 ??로 출력되고 있었다. 구글링해보니 해당 이슈들이 많아서 쉽게 해결할 수 있을 줄 알았는데 쪼금 어려웠다. 첫번째 select @@LANGUAGE -- 계정별 기본 언어 확인 sp_defaultlanguage '계정','Korean'; -- 계정 기본언어 한국어로 변경 제일 처음에 계정별 기본 언어가 영어로 되어있어서 해당 쿼리를 실행시켰지만(실행 후 SSMS 껐다가 다시 켜야 적용됨!) 딱히 상황이 해결되지 않았다. 두번째 -- 데이터베이스의 데이터 정렬(COLLATION) 확인 SELECT * FROM SYS.DATABASES 해당 쿼리로 조회 데이터베이스의 COLLATION을 확인해보니 SQL_La..

퍼블리싱 연습 중 잘 되던 live server가 Something is went wrong! Please check into Developer Console or report on GitHub.이라는 문구만 뜨면서 페이지가 켜지질 않았다. 유튜브에서 설명하는대로 5.7.8버전으로 (현재 5.7.9) 설치하니까 해결이 됐다. https://www.youtube.com/watch?v=4vDoMtIGhtk

0. 타입스크립트 설치 및 개발환경 세팅 npm install -g typescript npx create-react-app my-app --template typescript https://www.kenrhee.com/blog/getting-started-with-typescript-with-react Typescript + React 시작하기 Typescript + React 시작하기 리액트 프로젝트에서 타입스크립트를 처음 프론트엔드 개발자를 위한 간략한 안내서 이 글은 타입스크립트를 이용하여 리액트 프로젝트를 처음 시작하는 프론트엔드 www.kenrhee.com 1. 기초 세팅 - tsconfig.json 파일 생성 (명령어 `tsc --init`으로도 가능) - 타입스크립트 사용에 필요한 패키지 ..

유지 보수 담당으로 들어가게 되며 기존의 커밋들을 참고해야 할 때가 있었는데 커밋메시지가 통일되어있지 않다 보니 찾아보는 게 어려웠다. 이번에 새로운 프로젝트에 들어가게 되면서 기본적으로 준비해야 할 것을 찾아보던 중 커밋 메시지 컨벤션이 있어서 간단하게 알아보았다. 우선 커밋 메시지 컨벤션이란, 말 그대로 커밋 메시지 + 컨벤션(convention, 협약)으로 협업하는 사람들끼리 커밋 메시지의 형식을 정하고 따름으로써 가독성 있는 커밋 메시지를 만들 수 있는 약속이다. git commit -m "커밋메시지"에서 커밋메시지 부분을 컨벤션에 맞게 작성하면 된다. 0. 커밋 메시지의 기본 형식 : -- 제목 -- 본문(option) -- 푸터(option) 이러한 형식으로 커밋메시지 부분에 들어가게 된다. ..

얼마 전에 갑자기 vsCode가 초기화???되면서 설치되었던 확장프로그램이.. 초기화됐다 ☠ 정리하는 겸 해서 나한테 꼭 필요한거만 겨우 기억을 되살리며 재설치했다.

git 리포지토리에 활성 변경 내용이 너무 많습니다. git 기능의 하위 집합만 사용할 수 있도록 설정됩니다. 라는 알림창이 뜨면서 순식간에 내 VSCODE에 10k라는 꼴보기싫은 숫자가 떴다. 내 컴퓨터에서만 작업하는거라 흐린 눈 하고 있다가 깃 푸쉬해야할 일이 생겨서 해결방법을 알아봤다. 원인으로 꼽히는 건, 해당 폴더의 상위 위치에 .git 폴더가 있기 때문이라는 글을 발견했다. 아마 여기저기 git 방법을 제대로 숙지하지못하고 git init 치다보니 상위 폴더에 만들어진 듯 했다..ㅎㅎ 그리고 이 .git을 지우는게 해결방법! 폴더에서 직접 지우는 방법도 있었지만 나는 어디에 .git이 설치되어있는지 몰라서, 그냥 명령어로 했다. 10K가 뜬 프로젝트가 있는 폴더에서 CMD 창을 켜고 아래의 명..

리액트 컴포넌트 설계하는 방법 중 하나인 아토믹 디자인! 명확한 컴포넌트 설계 기준을 정하기 위해 회의 때 아토믹 디자인이 제시해주셔서 알아보기로 했다. - 디자인 시스템이란? 재사용이 가능한 컴포넌트를 먼저 구성하고 이를 조립하는 방식 아토믹 디자인은 사용자 인터페이스를 작고 단순한 요소로 분리하는 개념이며, 일관된 UI를 만들고 유지보수성을 향상시켜준다. 아토믹 디자인은 화학적 관점에서 영감을 얻은 시스템이라 단어들도 화학적인 느낌이 난다. 원자(Atoms), 분자(Molecules), 유기체(Organisms), 템플릿(Templates), 페이지(Pages)로 효과적인 인터페이스 시스템을 만든다. 원자(Atom) - 더 이상 분해할 수 없는, 가장 작은 구성의 기본 컴포넌트 ex. label, i..

어느날 갑자기 글씨를 입력하는데 왼쪽 상단에 내가 입력한 글씨가 뜨면서 입력이 밀리는 현상이 발생했다. 해당 현상을 문자열 마무리라고 하는데, 단 한 번씩 밀리는건데도 어마어마하게 거슬리고 불편해서 당장 해결방법을 찾아나섰다. 뭐라 검색해야하지 막막했는데 생각나는대로 쳤더니 다행히 나같은 사람들이 많아서ㅎㅎㅎ 무사히 없앨 수 있었다. 1. 설정 > 장치 > 입력 > 고급 키보드 설정 2. 입력 도구 모음 옵션 3. 입력 도구 모음 탭에서 체크 및 체크해제하기 입력도구 모음은 작업표시줄에 고정이나 아예 숨김을 해도 해상 현상을 발생하지 않았다. 밑에 체크박스가 되어있는 경우엔 모두 해제 후 적용 > 확인 ! 나는 체크박스에 체크가 되어있어서 해당 현상이 발생하여 여기까지만으로도 해결이 가능했다! 이 단계에..