profile
기록하는 습관

[vue] script setup에서 name 옵션 사용하는법

vue3로 프로젝트를 진행중이다. 기존 코드는 setup()을 사용하여 구현 => 가독성이 안좋다.vue3에 나온 <script setup>을 사용하면 코드를 더 가독성 있게 작성할 수 있고, 성능상 이점이 있다는 글을 읽음적용하려고 보니 setup()이외의 옵션

2022년 12월 21일
·
0개의 댓글
·
post-thumbnail

[알고리즘] 저작권 (올림 값 역산) 자바스크립트

입력앨범 수록곡 갯수 A(1<=A)와 평균값 I(I<=100)가 입력됨.출력몇 곡이 저작권이 있는 멜로디인지 출력할것.입출력 예시문제에서 구하고자 하는 출력값은 적어도 몇 곡이 저작권이 있는 멜로디인지, 즉 멜로디 개수의 최소값을 구하고자 하고 있다.우선 i

2022년 11월 19일
·
0개의 댓글
·

[알고리즘] 별 찍기 JS

입력N(1<=N<=100)출력2\*N-1 줄까지 차례대로 별을 출력한다. 예시

2022년 11월 19일
·
0개의 댓글
·

[알고리즘] 헷갈리는 작대기

테스트코드는 통과됐는데 오답이 나와서 애먹었다. 문제 요약 : 문자열이 입력될 때 1,I,l,|의 갯수를 각각 구하고 아래와 같이 출력하기.문제에 제시된 테스트케이스 모두 1,I,l,| 중 한 문자가 최소 1개씩 포함되어 있었다. 그래서 1,I,l,|와 매치되는 문자가

2022년 11월 18일
·
0개의 댓글
·

[알고리즘] 구름 크기 출력하기

현대모비스 기출문제구르미는 하늘을 보면서 구름의 크기를 측정하고 있다. 구름은 항상 직사각형 모양으로 형성되어 있다. 구름의 두 변의 크기가 주어졌을 때, 그 크기를 출력하시오.입력첫째 줄에 두 변의 길이 정수 N M (1 <= N, M <= 10 )이 공백

2022년 11월 18일
·
0개의 댓글
·

[알고리즘] 단어의 개수 세기

프론트엔드 구직 중에 한 회사에서 서류를 통과하게 되었다. 면접 전에 코딩테스트 전형이 있는데, 구름레벨에서 진행된다. 시간이 많이 없기 때문에(내일 모레 자정까지 응시해야 함;) 한 문제 한 문제 기억해 두고 싶어서 정리해 둔다. ⭐️ 구름레벨에서 자바스크립트 사용시

2022년 11월 18일
·
0개의 댓글
·

[html] 뷰포트 메타태그 shrink-to-fit=no

이현섭님 이력서의 html을 보다가 생소한 속성값이 나와서 찾아보고 정리하는 글.우선 메타태그의 뷰포트에 대한 내용을 정리하자면...데스크탑 PC와 모바일 기기에서 문서가 적절히 보이게 하기 위해 필요하다.shrink-to-fit=no애플 사파리 11버전에선 뷰포트 크

2022년 10월 30일
·
0개의 댓글
·

[알고리즘] 369게임

머쓱이는 친구들과 369게임을 하고 있습니다. 369게임은 1부터 숫자를 하나씩 대며 3, 6, 9가 들어가는 숫자는 숫자 대신 3, 6, 9의 개수만큼 박수를 치는 게임입니다. 머쓱이가 말해야하는 숫자 order가 매개변수로 주어질 때, 머쓱이가 쳐야할 박수 횟수를

2022년 10월 18일
·
0개의 댓글
·
post-thumbnail

HTTP와 HTTPS

오늘 프론트엔드 기술면접을 보고 왔다. 나름대로 답변을 준비했는데 막상 대답하려니 긴장해서 말이 나오지 않았다. 아마 제대로 알고있지 않아서 말문이 막혔던것 같다.(ㅜㅜ) 이 기회에 제대로 공부해보고자 글로 정리한다.정보의 출처는 W3School, MDN, 위키백과,

2022년 10월 7일
·
0개의 댓글
·
post-thumbnail

React로 typescript 프로젝트 생성 및 초기설정

타입스크립트 버전 리액트 프로젝트를 생성할 수 있다.깃허브 원격 레포지토리에 로컬 레포지토리를 올릴 수 있다. 리액트 프로젝트를 타입스크립트 템플릿으로 생성 프로젝트 폴더로 이동 cd 프로젝트명 정상 설치되었는지 확인 npm start 혹은 yarn startgithu

2022년 9월 20일
·
0개의 댓글
·
post-thumbnail

typescript png import 에러

타입스크립트에서 png 이미지를 import하려고 하니 에러가 났다.에러를 읽어보니 타입 지정을 안 해줘서 나는 오류 같다.src 폴더 아래에 custom.d.ts 파일 생성확장자명 선언이렇게 하면 png뿐만 아니라 jpg, jpeg,gif 등의 확장자도 import할

2022년 9월 1일
·
0개의 댓글
·

json-server 사용법 간단정리

프로젝트를 받으면 프론트엔드와 백엔드가 개발을 시작할텐데, 보통 백엔드 API가 만들어질 때까지 기다려야 한다. 백엔드가 없는 상태에서 프론트엔드는 목데이터 등을 이용해 작업을 하지만, 백엔드 API가 나온후 실제 API를 연결하는 작업이 추가적으로 필요하게 된다. 이

2022년 8월 31일
·
0개의 댓글
·

에러해결 : You have both a tsconfig.json and a jsconfig.json.

Error: You have both a tsconfig.json and a jsconfig.json. If you are using TypeScript please remove your jsconfig.json file.tsconfig.json과 jsconfig.js

2022년 8월 26일
·
0개의 댓글
·

tsconfig.json 오류 해결 -

No inputs were found in config file... 에러 발생 시 루트 폴더 위치에 .ts파일을 하나 추가해주면 된다. (e.g. index.ts)

2022년 8월 25일
·
0개의 댓글
·
post-thumbnail

리액트 프로젝트 시작하기

vscode 에서 새 창 열기 선택 Open 클릭 후 새 폴더를 생성한다.나는 practice라는 이름으로 빈 폴더를 생성했다.command + J를 누르면 vscode의 터미널이 실행된다.터미널에서 pwd로 현재 위치를 확인하고, npx 명령어로 프로젝트를 생성한다.

2022년 8월 25일
·
0개의 댓글
·

Warning: Failed prop type 에러 해결 (MUI Autocomplete)

검색 기능이 있는 select 박스를 만들고 있었다. MUI의 Autocomplete을 사용해서 만드는 중에 콘솔에 계속 아래같은 에러가 찍혔다.Warning: Failed prop type: The prop options is marked as required in

2022년 8월 23일
·
0개의 댓글
·

useQueries 종속쿼리 : 조건 만족 후 쿼리 실행시키기

오늘 엄청난걸 발견했다...실시간 수치를 보여주는 대시보드를 작업하는 중에 항상 걸리는 문제가 있었는데, 서버에서 데이터를 받아온 후 화면에 반영하는데 시간이 2초정도 걸렸었다. 이유를 생각해 봤는데, 기존의 방식이서버에서 id를 받아온다.그 id값을 이용해 나머지 데

2022년 8월 12일
·
0개의 댓글
·
post-thumbnail

잘자라 홈 | 첫 번째 팀 프로젝트를 마치며

잘자라홈 배속 시연 프로젝트 소개 > 개발기간 : 2022.03.28 ~ 2022.04.08 (2 weeks) 리팩토링 및 배포 : 2022.04.11 ~ 2022.04.15 (1 week) 잘자라 홈 구경하기 👉 ZALZARA HOME 자라 홈 구경하기 👉 ZA

2022년 4월 23일
·
0개의 댓글
·
post-thumbnail

MySQL | DDL, DML, DQL 쿼리문 사용하기

SQL이란? 👉 Structured Query Language의 약자, 구조화 질의어 SQL은 관계형 데이터베이스에서 자료를 관리하기 위해 설계된 언어이다. MySQL이란? 세계에서 가장 많이 쓰이는 오픈 소스의 관계형 데이터베이스 관리 시스템(RDBMS)이다.

2022년 3월 16일
·
0개의 댓글
·
post-thumbnail

MySQL | Mac에 MySQL 설치하기 (M1칩)

데이터베이스는 우리가 사용하는 정보의 총 집합으로, 이를 관리하기 위한 DB로는 대표적으로 MySQL과 Oracle등이 있다.homebrew가 설치되어 있어야 합니다.

2022년 3월 16일
·
0개의 댓글
·