코딩기록

day1 - 반가워요 hello hello - 무슨 말인지 모르지만 일단 이렇게 적어서 실행해보라고 했다. 미래의 나는 이유를 알게되겠지 int main() { printf("hello!!!"); } - 원래는 이렇게 작성했는데 콘솔창에 종료문구가 불편하다면 (void)getchart(); 를 추가하는 것. - 하지만 코드마다 추가해야 하므로 종료 문구가 불편하지 않다면 그냥 사용해도 됨.

https://100dayscss.com/about/ What is this? - 100 Days CSS Challenge 100 Days CSS Challenge For 100 consecutive days, I've written HTML and CSS snippets as a creative learning process for myself. I used CodePen to write and save my code and published my results every day on this website. After accomplishing my project on da 100dayscss.com 좋은 사이트를 발견했다. 하루에 뭐라도 2개 이상 하기에서 후보지가 늘었다.. HTML 삽입 미리보기할..

스터디를 해야할 것 같아서 찾아보다 발견한 코딩 자율학습단 7기! 사실 내가 공부하고 있는 언어는 없지만 자료구조 공부할 때 제대로 이해해보고 싶고 방통대 이번 학기에 c언어를 신청해놔서 겸사겸사 공부를 같이 할겸 신청해봤다. 어찌됐건 언어를 배우는 건 좋은 것,, c언어랑 파이썬이랑 고민했는데 우선 c언어를 먼저 해보기로 했다. 나같은 사람에겐 강제성이 필요하니까 한달동안 열심히 해봐야지 https://cafe.naver.com/gilbutitbook 코딩 자율학습단 : 네이버 카페 성장의 경험과 완성의 재미를 제공합니다. Python, C++, Java, C, 자바스크립트, 안드로이드, SQL cafe.naver.com

import {Table, TableHeader, TableColumn, TableBody, TableRow, TableCell} from "@nextui-org/react"; nextui에서 가져온 코드이고 설치도 잘 되어있는데 자꾸 형식 선언을 찾을 수 없다는 오류가 나와서 문제를 계속 찾았다. 어이없게 vscode 껐다 키니 해결... https://nextui.org/ NextUI - Beautiful, fast and modern React UI Library Beautiful, fast and modern React UI Library nextui.org

https://vercel.com/ Vercel: Build and deploy the best Web experiences with The Frontend Cloud – Vercel Vercel's Frontend Cloud gives developers the frameworks, workflows, and infrastructure to build a faster, more personalized Web. vercel.com 사전작업: 깃허브에 프로젝트 올리기 packga.json script에 build, start 추가 → push 코드 보기 "scripts": { "dev": "next dev", "build": "next build", "start": "next start" }, vercel..

📂폴더구조 더보기 💡 layout, not-found는 전 페이지에 공통적으로 적용되는 것이기 때문에 app 폴더 안에 위치해야함 각 폴더마다 적용되는 layout을 따로 만들 수 있음. 라우터 폴더를 따로 생성하고 싶으면 (괄호) 안으로 더보기 💡 metadata를 각 페이지마다 다르게 적용 가능함. https://nomadcoders.co/nextjs-for-beginners NextJS 14 시작하기 – 노마드 코더 Nomad Coders NextJS 14 For Beginners nomadcoders.co

html WWW.CHARTJS3.COM (Chart JS ) 모달 헤더 body close css .bar_modal { z-index: 10; position: fixed; margin: 0; padding: 0; left: 0; top: 0; height: 100vh; width: 100%; background: rgba(0,0,0,0.3); transition: opacity .2s; } .bar_modal.hide { opacity: 0; z-index: -10; } .modal { background: #fff; width: 300px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: ce..

링크에서 조금만 바꿨음 x라벨 위치값 찾았으니까 툴팁도 나오게 할 수 있을 것 같아서 바꿔 봄 html css .chartBox { width: 700px; position: relative; border-radius: 20px; border: solid 3px rgba(54, 162, 235, 1); background: white; } .x_label_tooltip { display: none; position: absolute; bottom: -20px; background:#fff; border: 1px solid red; } .x_label_tooltip.active { display: block; } const data = { labels: ['Mon', 'Tue', 'Wed', 'Thu', ..

https://www.youtube.com/watch?v=HCLkAlm9lPI const data = { labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], labelsLink: [ 'https://www.chartjs4.com', 'https://www.naver.com', 'https://www.google.com', 'https://www.chartjs4.com', 'https://www.google.com', 'https://www.naver.com', 'https://www.google.com', ], datasets: [{ label: 'Weekly Sales', data: [18, 12, 6, 9, 12, 3, 9], backgroundC..

연말이라고 바쁜 건 아닌데 어쩌다 바쁨...? 그래서 시간 날때마다 틈틈히 공부중입니다.. 다음엔 후기로 찾아올 수 있길..