코딩기록

정신 차리고 살기 공부 리스트 1. 자료구조 강의 듣기 (자료구조 다음엔 알고리즘임) 2. 코딩테스트 최소 하나 풀기 3. 코드 하루에 최소 한줄이라도 작성하기 4. 본래 하고있는 언어 공부하기 목표는 하루에 4개 다 하는 거지만 유퀴즈 나온 미루기 교수님이 목표를 조금만 설정하라고 하셨다.. 아직은 처음이니까 최소 2개 이상하기.. 그래서 블로그는 매일 안 쓸 수도 있음 ㅎㅎ 일단 내가 했다는게 중요하니까! ***코딩테스트 연습은 프로그래머스에서 하고 자바스크립트 레벨0, 1에서 놉니다..*** https://school.programmers.co.kr/learn/challenges?order=acceptance_desc&levels=1%2C0&languages=javascript 코딩테스트 연습 | ..

스터디를 해야할 것 같아서 찾아보다 발견한 코딩 자율학습단 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..

🙆🏻‍♀️사용 기술 - React - firebase - swiper - 전에 영화 페이지를 만들어 본 적이 있어서 나름 수월하게 따라 만들어볼 수 있었다. - 하지만 firebase를 쓰는 방법에 대해서 더 알고 싶었는데 로그인 로그아웃 기능만 해서 아쉬웠다. - 스와이퍼에 대한 버그가 있는데 찾는 중이다.