몽땅뚝딱 개발자

https://toss.tech/article/smart-web-service-cache

Intellij 프로젝트 폴더가 보이지 않아요.. intellij를 사용하다가 .gitignore에 .idea 폴더를 추가하는 과정에서 잘못하여 idea 폴더를 삭제 해버렸다... velog.io

use client 어쩌구 에러.. 이게 같은 구조로 보이는 페이지인데도 해당 에러가 뜰 때도 있고 아닐 때도 있다. 이렇게 상단에 'use client'를 넣어주면 해결된다. ('use strict'같은 느낌) 예상으론 서버 컴포넌트와 관계가 있는 것 같은데.. 내가 공식문서를 아직 제대로 읽어보지 않아서 생긴 문제인 것 같다. (🤦🏻‍♀️) 근데 그런 컴포넌트마다 매번 이렇게 달아줘야한다고??? Next는 emotion 쓰는 것도 구구절절 주석 추가해야 가능하더니 컴포넌트에도 이렇게 하나하나 달아줘야 하는걸까? 하지만 분명 더 편한 점도 있다는 것을 알아... 개선할 방법도 찾으면 나온다는 것을 알아.. 언젠가 Next를 좋아하게 될 것을 알아... ㅡ Next.js 2일차 쪼렙 ㅡ [참고하면 좋을 ..

🗝 내가 푼 코드 function solution(chicken) { let result = 0 let coupon = chicken while (coupon >= 10) { result += Math.floor(coupon/10) coupon = Math.floor(coupon/10) + coupon % 10 } return result }

스타일링 도구 1) emotion Next.js에서 이모션을 사용하면서 @emotion/react와 @emotion/style 2가지를 알게됐다. styled component 방식으로 사용이 가능한 @emotion/style과 태그를 직관적으로 알 수 있는 @emotion/react 2가지가 있다. @emotion/react 1. 직관적으로 어떤 태그인지 알 수 있다. 2. 주석을 달아야한다. (주석을 사용하지 않아도 되도록 업데이트는 됐다고 함) /** @jsxImportSource @emotion/react */ import { css, jsx } from '@emotion/react' const divStyle = css` background-color: hotpink; font-size: 24p..

📄 Next.js 명령어 $ npx create-next-app@latest --ts $ npm i @emotion/react $ npm i -D @emotion/babel-plugin 📄 Next.js 디렉토리 구조 layout.tsx page.tsx loading.tsx error.tsx not-found.tsx route.tsx default.tsx 1. 라우팅하는 방법 - route를 따로 설정하지않고 이런 식으로 디렉토리를 생성하면 라우팅된다. (신기방기) - Next.js 12까지는 pages 폴더에 파일을 만들면 자동으로 라우팅을 지원했지만 Next.js 13부터는 Nested Layout을 위해 app 폴더 구조로 변경되었다. - Next.js 13 버전부터는 기본적으로 컴포넌트는 서버사이..

Allow CORS: Access-Control-Allow-Origin Easily add (Access-Control-Allow-Origin: *) rule to the response header. chrome.google.com 로컬에서만 임시로 cors를 해결해야했었는데 동료분이 알려주셨다 😃 편하게 개발 완료 ,,, 👍🏻

[문제 설명] 임의의 양의 정수 n에 대해, n이 어떤 양의 정수 x의 제곱인지 아닌지 판단하려 합니다. n이 양의 정수 x의 제곱이라면 x+1의 제곱을 리턴하고, n이 양의 정수 x의 제곱이 아니라면 -1을 리턴하는 함수를 완성하세요. 🗝 내가 푼 코드 Math.sqrt()를 사용하여 루트값을 구했다. function solution(n) { const target = Math.sqrt(n) return (Number.isInteger(target)) ? Math.pow((target+1), 2) : -1; }

건너 건너 아는 분이 같이 스터디하는거 어떠냐고 제안해주셔서 요즘 맥이 빠진 내 상태를 위해 참가하기로 했다. 알고리즘은 피해가고 싶지만 스스로는 당연히 해야하는 것으로 인식하여... 주구장창 피해다녔지만 결국 할 수 밖에 없는 운명인 것 같다. 🚩 팀원 총 4명. 알고리즘을 공부한 분도 있고 아닌 분도 있고... 등급은 백준의 플래티넘...? 그리고 프로그래머스에서 레벨 0을 가까스로 졸업하고 레벨 1을 힘겹게 푸는 나까지 다양하다. 🚩 plan 1주차 배열(Array) 2주차 시간복잡도란? Input, Output 3주차 정렬(Sort) 4주차 조합과 순열 5주차 Two Pointers, Sliding Window 6주차 Stack, Queue(자료구조) 7주차 HashMap, TreeSet(자료구조..

https://developer.comento.kr/post/c-typography-converter-figma-plugin-23-12-18 피그마 Dev mode 플러그인을 만들어서 웹 프론트엔드팀 생산성 높여보기 피그마에서 디자인 시스템 컴포넌트를 활용한 부분을 코드로 손쉽게 변환할 수 있는 피그마 플러그인을 개발해 생산성을 높인 배경과 방법을 소개합니다. developer.comento.kr