일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 리액트
- 폰트적용하기
- 제네릭
- 커스텀
- 누구나 자료구조와 알고리즘
- 공통컴포넌트
- 성능최적화
- 타입좁히기
- returnType
- 타입선언
- vue.js
- React.js
- react
- 타입스크립트
- 반복줄이기
- 개발콘텐츠
- utilty type
- reactjs
- TSDoc
- javascript
- 레이아웃쪼개기
- Chart.js
- NonNullable
- 티스토리꾸미기
- 2022
- typescript
- const 단언문
- CSS
- click and drag
- JS console
- Today
- Total
목록Development (358)
몽땅뚝딱 개발자
문제 설명 머쓱이는 프로그래머스에 로그인하려고 합니다. 머쓱이가 입력한 아이디와 패스워드가 담긴 배열 id_pw와 회원들의 정보가 담긴 2차원 배열 db가 주어질 때, 다음과 같이 로그인 성공, 실패에 따른 메시지를 return하도록 solution 함수를 완성해주세요. 아이디와 비밀번호가 모두 일치하는 회원정보가 있으면 "login"을 return합니다. 로그인이 실패했을 때 아이디가 일치하는 회원이 없다면 “fail”를, 아이디는 일치하지만 비밀번호가 일치하는 회원이 없다면 “wrong pw”를 return 합니다. 제한사항 회원들의 아이디는 문자열입니다. 회원들의 아이디는 알파벳 소문자와 숫자로만 이루어져 있습니다. 회원들의 패스워드는 숫자로 구성된 문자열입니다. 회원들의 비밀번호는 같을 수 있지만..
🗝 내가 푼 코드 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; }
🗝 내가 푼 코드 function solution(t, p) { const resultArr = [] let target = '' let targetLen = p.length for (let i=0; i obj
https://careerly.co.kr/comments/95555?utm_campaign=user-share
1. 쉽게 사용할 수 있도록 전역변수를 설정해준다. Fontello - icon fonts generator This site will not work if cookies are completely disabled. {"assets_hash":"e282f478ff36cef0fd98943c37b1f54b","page_data":{},"locale":"en-US","layout":"fontello.layout"} fontello.com fontello를 사용하여 구현할 것이라 원하는 유니코드를 가져와서 구성하면 된다. (FontAwesome도 사용 가능) export enum Icon { 'EXCLAMATION' = 'EXCLAMATION', 'CHECK' = 'CHECK', 'BELL' = 'BELL', ..
https://velog.io/@kandy1002/React-Query-%ED%91%B9-%EC%B0%8D%EC%96%B4%EB%A8%B9%EA%B8%B0