profile
Hello Velog

[프로그래머스] 기사단원의 무기

숫자나라 기사단의 각 기사에게는 1번부터 number까지 번호가 지정되어 있습니다. 기사들은 무기점에서 무기를 구매하려고 합니다.각 기사는 자신의 기사 번호의 약수 개수에 해당하는 공격력을 가진 무기를 구매하려 합니다. 단, 이웃나라와의 협약에 의해 공격력의 제한수치를

5일 전
·
0개의 댓글
·
post-thumbnail

Anchor 구현하기

가운데에 컨텐츠를 넣고, 오른쪽에는 그 컨텐츠들의 제목 부분만 띄워준다.그리고 오른쪽의 제목들을 누르면 그 컨텐츠로 이동하는 것을 짜볼 것이다!\-> 벨로그에 있는 이 기능과 같은 것이다

2023년 5월 22일
·
0개의 댓글
·

[백준] 1021. 회전하는 큐

지민이는 N개의 원소를 포함하고 있는 양방향 순환 큐를 가지고 있다. 지민이는 이 큐에서 몇 개의 원소를 뽑아내려고 한다.지민이는 이 큐에서 다음과 같은 3가지 연산을 수행할 수 있다.첫 번째 원소를 뽑아낸다. 이 연산을 수행하면, 원래 큐의 원소가 a1, ..., a

2023년 5월 7일
·
0개의 댓글
·
post-thumbnail

[프로그래머스] 달리기 경주

enumerate : 기본적으로 인덱스와 원소로 이루어진 튜플을 만들어줌   ex) => (0, "채연") (1, "선우")인덱스와 원소를 각각 다른 변수에 할당하고 싶다면 for i, player in enumerate(players)

2023년 5월 7일
·
0개의 댓글
·
post-thumbnail

react query

React query더미데이터 를 사용하여 get, post의 예제들을 살펴보겠습니다-!

2023년 5월 1일
·
0개의 댓글
·

file API

File API

2023년 4월 23일
·
0개의 댓글
·

JS 배열 함수

every, some, forEach, map

2023년 4월 14일
·
0개의 댓글
·
post-thumbnail

react 기초 - router

react는 크게 한 페이지로 이루어져 있다. 이 한 페이지에서 여러 페이지로 이동시켜 주면서 우리의 웹사이트가 만들어지게 된다!\-> 예를 들어서 많이 사용하는 register(회원가입) 페이지, login(로그인) 페이지, main(메인) 페이지가 있다고 치자.\-

2023년 4월 12일
·
0개의 댓글
·

영어 스터디 1 - 능동, 수동

I don't know what you've been told너가 뭘 들었는지 모르겠는데

2023년 4월 12일
·
0개의 댓글
·

Mui select에서 label 값 추출하기

2023년 4월 7일
·
0개의 댓글
·

react 객체 배열에서 요소 바꾸기

const currentRow = filterRows.find((row) => row.id === currentId); const selectedOption = autocompletePickOptions("type").find(

2023년 4월 7일
·
0개의 댓글
·
post-thumbnail

navigation fixed 하기

fixed는 스크롤을 계속 내려도 고정이 되게끔 만들어주는 요소이다.하지만 이걸 적용시, 예상치 못한 문제가 발생하게 된다!fixed를 적용하게 되면 그 요소가 위에 떠있는 방식으로 구현이 되는데, 그럼 그 다음 요소들이 그 밑으로 들어가서 겹쳐 안 보이게 된다.\->

2023년 3월 27일
·
0개의 댓글
·
post-thumbnail

react height에 100% 주기

리액트는 제일 첫 화면이 꽉 차있는 것이 아니라, 요소들이 채워지면 채워질수록 점점 화면을 늘리는 것이다.이런 식으로 나에겐 웹사이트가 꽉 찬 것처럼 보이지만, 실제로 요소를 클릭해보면 html이 저정도밖에 할당이 되지 않은 것을 볼 수 있다.따라서, 가장 큰 태그에

2023년 3월 27일
·
0개의 댓글
·

자식 컴포넌트에서 부모 컴포넌트로 값 보내기

부모에서는 useState로 value와 setvalue 값만 받아오고, 자식 컴포넌트에서 onChange 혹은 다른 기능들을 수행한 후, 부모 컴포넌트에게 보내준다.부모 컴포넌트의 이름은 Test이고, 자식 컴포넌트 이름은 Accordion내가 보내고자 하는 컴포넌트

2023년 3월 22일
·
0개의 댓글
·
post-thumbnail

CURL, Postman

코드를 작성하지 않고, API 엔드포인트를 호출하고 싶은 경우에 사용하는 개발자 도구 CURL과 Postman에 대해서 알아보겠습니다.curl은 1998년부터 존재하기 때문에 널리 사용됩니다. Linux, Mac, Windows에서 사용할 수 있으며, 대부분의 컴퓨터에

2023년 3월 17일
·
0개의 댓글
·
post-thumbnail

Mui Autocomplete

기존의 select와 같은데, 글자 검색이 가능한 컴포넌트이다.\-> 위와 같이 AutocompleteProps를 이용하여 Autocomplete를 만들어주었다.하지만, 이러면서 오류가 발생하였다.제네릭 함수는 명시적으로 지정을 해주어야 하는 것 같다.찾아보니 타입 추

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

onChange 알아보기

const text, setText = useState("");\-> state에서 앞 변수는 변수와 같이 사용하고, 뒷 변수는 그 변수를 새롭게 업데이트 하는 것에 사용된다.\-> setText("안녕") 하면 text의 값이 "안녕" 으로 바뀐다.onChange를

2023년 3월 15일
·
0개의 댓글
·
post-thumbnail

명확한 코드 작성하기

chatGPT에게 오류가 떠서 질문을 하던 중이었다.개선점은 물어보지도 않았는데, 내 코드가 수정할 부분이 있다면서 쭈욱 개선점을 알려주었다.대부분의 내용은 명확한 변수명을 사용하라는 것이었다.type을 이용하여 group인지 아닌지 판별을 하는 코드\-> 나는 typ

2023년 3월 15일
·
0개의 댓글
·
post-thumbnail

Open AI API

API란, Application Programming Interface의 약자로, 소프트웨어 간의 통신과 데이터 교환을 가능하게 하는 것.예를 들어) 기상청의 소프트웨어 시스템에는 일일 기상 데이터가 들어 있습니다. 그리고, 휴대폰의 날씨 앱은 API를 통해 이 시스템

2023년 3월 14일
·
0개의 댓글
·
post-thumbnail

[백준] 2468. 안전 영역

문제보기재난방재청에서는 많은 비가 내리는 장마철에 대비해서 다음과 같은 일을 계획하고 있다. 먼저 어떤 지역의 높이 정보를 파악한다. 그 다음에 그 지역에 많은 비가 내렸을 때 물에 잠기지 않는 안전한 영역이 최대로 몇 개가 만들어 지는 지를 조사하려고 한다. 이때,

2023년 3월 12일
·
0개의 댓글
·