코딩기록

options: { onHover: (event, chartElement) => { event.native.target.style.cursor = chartElement.length === 1 ? 'pointer' : 'default'; // console.log(event); // console.log(chartElement); // if(chartElement.length === 1) { // event.native.target.style.cursor = 'pointer'; // } else { // event.native.target.style.cursor = 'default'; // } }, scales: { y: { beginAtZero: true } } } - 그래프가 있으면 chartElem..

HTML 삽입 미리보기할 수 없는 소스 day 6 챌린지는 hover 연습 같다. 기존 챌린지에서는 원 말고도 다른 컴포넌트드이 더 있지만 원 움직이는 것만 해도 연습이 될 것 같다. https://100dayscss.com/days/6/ Day 6 - 100 Days CSS Challenge 100 Days CSS Challenge Profile: Who of you knows how many social media profiles you have already created? For a refreshing twist, you can also create one yourself. 100dayscss.com

📌 변수 #include int main(void) { printf("hello world\\n"); return 0; } C언어로 코드를 작성하면 이를 컴퓨터가 알아들을 수 있는 기계어로 번역하는 과정이 필요함. 이를 컴파일이라고 하고, 이 역할을 하는 프로그램을 컴파일러라고 함. 비주얼 스튜디오가 컴파일러 역할 #include는 전처리기 지시문 이라고 함. 코드를 작성하는 사람은 컴파일에 필요한 것들을 컴파일러에게 알려줘야 함. 이때 사용하는 것이 전처리기 지시문 #include는 ‘지정한 파일을 코드에 포함하라’라는 뜻. stdio.h는 표준 입출력 함수를 포함한 헤더파일 나 “”안에 사용 stdio.h파일에는 앞에서 사용한 printf()함수나 scanf()함수 등 입출력 관련 함수들이 선언되어 ..

HTML 삽입 미리보기할 수 없는 소스 alternate - 애니메이션이 끝났을 때 자연스럽게 반대방향으로 이동하게 함. https://developer.mozilla.org/ko/docs/Web/CSS/CSS_animations/Using_CSS_animations CSS 애니메이션 사용하기 - CSS: Cascading Style Sheets | MDN CSS3 애니메이션은 엘리먼트에 적용되는 CSS 스타일을 다른 CSS 스타일로 부드럽게 전환시켜 줍니다. 애니메이션은 애니메이션을 나타내는 CSS 스타일과 애니메이션의 중간 상태를 나타내는 키프 developer.mozilla.org

HTML 삽입 미리보기할 수 없는 소스 * html - 피라미드 반대편 부분의 위치를 기존 피라미드 삼각형에 맞추려고 pyramid 안에 side 넣었다. * css - 해랑 그림자의 위치를 position으로 조절을 하는건지 고민을 했는데 transform-origin을 사용해서 조정했다. - x, y, z의 위치 조절이 가능하다. /* x-offset | y-offset | z-offset */ transform-origin: 2px 30% 10px; https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin transform-origin - CSS: Cascading Style Sheets | MDN The transform-origin C..

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..