MYSQL workbench를 설치하고 테이블에 데이터가 잘 쌓였는지 확인해 보기 위해 테이블 조회만 시도하면 워크벤치가 꺼지는 현상이 일어났다. 설마 워크벤치 자체 문제인줄은 모르고 이것저것 해결해 보려고 나름 까불어보다가 몇 시간을 삽질했다.. 지쳐서 그냥 db 사용안하고 진행할까 라는 극단적인 생각까지 하던 차에 https://www.codeit.kr/community/questions/UXVlc3Rpb246NjAwZmZiMzg2NDFjMmYzOGJlNjEzYTJh 열기 누르면 계속 예기치않게 종료되었다고 뜨는데요. ㅠㅠ www.codeit.kr 같은 문제를 겪는 사람들이 있는듯해 보였다. 결론은 워크벤치 버전문제 인듯 싶었는데 현재 나와있는 최신 버전은 8.0.31이다. 설치할때 당연히 최신버전..
여태 노트북 새로 사고 귀찮아서 안 했던 깃허브 ssh설정을 하게 되었다. 생각보다 간단하지만 시간지나면 까먹기 좋을 것 같아서 나중에 다시 하게 되면 참고할 목적으로 포스팅을 하게 되었고, 해당 포스팅은 mac 기준으로 작성했다. 1. SSH key 를 생성한다. $ cd ~/.ssh $ ssh-keygen -t rsa -b 4096 -C '본인이메일(test@gmail.com)' 2. SSH key를 저장할 파일 입력을 묻는 말과 key 암호설정을 할 것인지 묻는 문구 2개가 나온다. Generating public/private rsa key pair. Enter file in which to save the key (/Users/user/.ssh/id_rsa): [Press enter] Enter..
이번에 사이드 프로젝트를 진행하면서 gh-pages에 배포를 하고 커스텀 도메인까지 사서 적용을 해보는 기회가 있었다. 그 과정을 포스팅으로 남기려고 글을 시작한다. 우선 gh-pages에 배포까지 마친 상태를 가정하고 글을 작성하려 하기에 앞서서, 개인적인 학습을 목적으로 이번 프로젝트를 next.js로 진행을 하게 되었고, 배포에 우여곡절이 꽤나 있었는데 해당 내용은 따로 정리해서 포스팅해두고 링크 걸어둘 예정이다. 본론으로 돌아와서 시작전에 우선 도메인을 구매해야 한다. 대표적으로 가비아, 카페24 등 여러 도메인 구매 사이트가 많은데, 호스팅 케이알을 선택한 이유는 고만고만 하지만 그래도 가장 저렴하다는 어느 포스팅을 보고 선택하게 됐다. 원하는 도메인을 검색해서 구매를 해준다. 그리고 나의 도메..
토이프로젝트를 개발한 지 시간이 꽤 흘렀다. 하루하루 진행방식이나 느낀 점을 작성하려고 Day-?? 형식으로 포스팅을 시작했지만 어쩌다 보니 두 번째 포스팅이 마지막 포스팅 같은 느낌으로 작성하는 중이다. 프로젝트 진행상태는 당장 넣으려했던 기능들은 다 구현하고 퍼블리싱 쪽은 반응형 일부 빼먹은 것 말고는 끝이 났다. 기능 먼저 만들고나서 스타일을 넣었는데 넣다 보니 좀 아쉽거나 있어야 할 것 같은 기능들이 보이기 시작했지만.. 그건 추후에 나머지 숙제 느낌으로 개발 해볼 예정이다. 우선 전반적으로 개발을 끝낸 현재 시점으로 느꼈던 점이 한두 가지 있는데 풀어보자면, 첫째로 API 부분이다. next에서 제공하는 api 기능으로 진짜 완전 기본적인 예외처리만 있는 유치원생 수준의 api들을 만들어서 해보..
토이프로젝트 진행 중에 useDebounce라는 훅을 사용해야 하는 일이 생겼다. https://usehooks-ts.com/react-hook/use-debounce useDebounce() react hook - usehooks-ts This React hook helps to limit that the component is re-rendered too many times. Imagine that you want to execute a function on an event that executes… usehooks-ts.com 위 페이지의 훅으로 debounce 기능을 사용하였는데, 디바운스(debounce) : 과도하게 이벤트 처리 함수(콜백함수)가 호출되지 않도록 하여 부하방지를 위해 쓰이는 방..
정말 오랜만에 쓰는 블로그 포스팅이다. 이전에도 몇 번 포스팅해야지 포스팅해야지.. 맘을 먹은 적은 많지만 기존에 포스팅 한번 할 때마다 항상 너무 각 잡고 해 버려서 막연한 부담감 때문에 티스토리 화면 로그인까지만 하고 멈추는 일이 다반사였다. 때문에 이번부터는 좀 light 하게 토이프로젝트 개발 일지에 대해 간략히 적을 예정..! 그래서 본론은 모든 웹서비스의 근간(?)이 되는 이커머스 사이트를 토이프로젝트로 구현하려한다. 메인 기술스택은 React, Typescript, Next.js 정도로 일단 잡고 개발예정... (은 아니고 사실 이미 며칠 전부터 진행 중이지만 첫 포스팅이기 때문에 오늘을 Day 1으로 정한다!) 하루하루 진행상황이나 트러블 슈팅 혹은 배운 점에 대해 적기 위함이며, 트러블슈..
그래프 정점과 정점 사이를 연결하는 간선으로 이루어진 비선형 자료구조, 정점 집합과 간선 집합으로 표현할 수 있다. 실제 소프트웨어 사용 사례 1. 지하철 노선도 2. 페이지 랭크 https://ko.wikipedia.org/wiki/%ED%8E%98%EC%9D%B4%EC%A7%80%EB%9E%AD%ED%81%AC 페이지랭크 - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. ko.wikipedia.org 그래프의 특징 정점은 여러 개의 간선을 가질 수 있다. 크게 방향 그래프와 무방향 그래프로 나눌 수 있다. 간선은 가중치를 가질 수 있다. 사이클이 발생할 수 있다. 간선 방향에 따른 그래프 분류 1. 무방향 그래프 - 간선으로 이어진 정점끼리는 양방향으로 이동이 가능하다. 표현하기에..
CSS 선택자(Selector)란? CSS에서 선택자는 스타일을 지정하려는 요소를 선택하는 데 사용되는 패턴이다. 정말 많은 종류의 선택자가 있지만 이번 포스팅에서는 class 선택자에 대해서만 다룰 예정이다. 일반적으로 클래스 선택자로 css 속성을 적용할 때는 하나 혹은 그 이상의 클래스들을 나열해서 사용을 한다. .class1.class2 & .class1 .class2 대부분 위에 적힌 두 가지 방법을 쓰거나 다른 선택자들도 덧붙여서 사용을 할 텐데 위의 선택자간의 차이는 대충 보면 잘 안보일만큼 근소한 띄어쓰기 하나인데 이 띄어쓰기가 꽤나 큰 차이를 만들어 낸다. .class1.class2 띄어쓰기가 없는 첫 번째 형태의 선택자 정의이다. 예시 설명 .name1.name2 클래스 속성 내에 na..
