내가 공부하고 직접 느끼고 배운 것들을 기록하는 곳입니다.
주로 HTML, CSS, Javascript, Git, GitHub, Notion, nodejs, reactjs, MySQL 등을 다루는 곳입니다.
우선 결과물부터 보자. 오늘 만들어 볼 레이아웃이다. 탭과 그 안에 내용물들을 적는 레이아웃이다. 탭으로 분류를 나누고 해당 탭에 맞는 중제목을 배경을 넣고 그 하위에 소제목으로 체크박스를 넣어 또 분류하였다. 그 소제목을 설명하는 문장이고 있고, 그 설명하는 문장에 부가 설명을 하는 레이아웃이다. 글자를 억어지로 채워넣으려고 1도 이해가 안가는 설명을 하고 있는 중이다. 이제 뭐 더 설명 … Read more
많은 홈페이지에서 퀵메뉴나 top버튼을 눌러 원하는 곳까지 이동 하는 UI를 본 적이 있을 것이다. 나는 이것을 약간 리모컨의 역할과 같다고 본다. 요즘 같이 페이지의 길이가 길어지는 경우 다시 위로 올라기가 귀찮다. 그래서 이러한 UI가 생겨난 것 같다. 이러한 리모컨과 같은 UI를 앵커 버튼, 내비게이터 버튼 등 많은 이름으로 불리고 있다. 필자는 앵커 버튼이라 하겠다. 설명이 … Read more
오랜만에 코드 공부를 하기 위해 mysql을 켰다. 근데 왠걸… 이상한 오류가 나왔다. Cannot Connect to Database Server 뭐냐 이거 mysql 관련 프로그램을 전부 지웠다. 다시 다운을 받고 next -> next 하는데 3306포트가 에러가 나서 next 버튼이 활성이 안되는 것 이다. 보이는가 저 거슬리는 빨간 동그라미 느낌표…ㅡㅡ 그래서 찾아봤다. 이전에 설치 했던 MySQL 포트와 충돌이 난다는 … Read more
자주 사용하는 것은 아니지만 가끔 혼자 연습할 겸 프로젝트라고 하기에도 너무 작은 프로젝트를 할 때 reset.css와 같은 파일들을 만들 일이 있다. 그래서 용량을 어떻게든 줄이기 위해 min파일을 만든다. https://jscompress.com/ js http://csscompressor.com/ css 위 링크를 들어가서 파일의 용량을 축소화 하면 좋다. min파일은 일년에 한번 수정 할까 말까 혹은 수정하지 않는 코드들을 매번 똑같이 쓰기 … Read more
사실 탭메뉴는 사실 내가 가장 어려워하고 귀찮아하는 UI이다. 그래서 이번 참에 정리를 해서 두고두고 사용하고자 한다. 우선 결과물이다. 아래는 html 코드이다. <div class=”tab-container”> <ul class=”tab-menu”> <li><a href=”#tab1″ class=”active”>탭1</a></li> <li><a href=”#tab2″>탭2</a></li> <li><a href=”#tab3″>탭3</a></li> </ul> <div id=”tab1″ class=”tab-content active”> … Read more
노션으로 나만의 캐릭터를 만들 수 있다. 이것으로 각 종 프로필에 활용하기 너무 좋아서 블로그를 남겨본다. 우선 노션 아바타(캐릭터)를 만드는 사이트이다. https://notion-avatar.vercel.app/ 여기에 들어가면 나만의 아바타(캐릭터)를 만들 수 있다. 물론… 정해져 있는 것들이 있지만, 그래도 공짜니 어디인가. 프로필은 설정하고 싶은데, 마땅한 사진이나 나를 상징할게 없을 때 사용하면 참 좋다. 나도 그렇게 사용하고 있다. 이렇게 사용하고 이 … Read more
