YooniCode

깃허브에서 토큰은 비밀번호 대신 안전하게 인증할 수 있는 열쇠 역할을 한다.1. 오른쪽 상단의 프로필 아이콘을 클릭 후 Settings 메뉴로 이동 2. 왼쪽 메뉴 하단에서 Developer settings 클릭 3. Personal access tokens 선택Personal access tokens -> Tokens (classic) 메뉴로 이동 4. 토큰 생성하기 (Generate new token)Generate new token -> Generate new token (classic) 클릭Note에 토큰 이름 입력 ex)유효기간 (Expiration) 선택 -> 기본은 30일, 필요에 따라 "No expiration" 가능권한 (Scopes) 체크 -> 보통 repo 와 workflow 권한만 ..

블로그를 꾸미기 위해 제일 먼저 해야할 일 첫번째. 마우스 커서 변경하기(1) 마음에 드는 커서 고르기https://www.cursors-4u.com/ Free Cursor Downloads - Cursors-4U.comDate: 16 Jan 2024, 22:00 By Tor With 15 Comments All commenting and comments have been removed from the cursor pages. Too many negative comments that got out of hand. Date: 28 Dec 2023, 00:37 By Tor With 1 Comments Haven't work on this site in years. But Iwww.cursors-4u.com생..

원래 티스토리 hello 스킨을 쓰다가 아이콘 이미지가 안보이는 이슈로..? (버전 문제인 것 같음) 티스토리에서 제공하는 기본 스킨을 사용하기로 하였다 html이랑 css 조금 손 봐주면서 내껄로 만들기.아무튼 기본 스킨으로 바꾸면서 마우스 커서 이펙트를 한번 넣어보기로 결심 레츠고(1) 무슨 효과로 할지 고르기https://www.mf2fm.com/rv/dhtmltinkerbell.php Tinkerbell Magic Sparkle Fairy Dust Mouse :: RV's free DHTML and JavaScript effectsSTEP 1: Copy and paste the code below so that it sits between the and tags at the top of your ..

JSON parse와 stringify는 JavaScript에서 데이터를 처리할 때 매우 중요한 두 가지 함수다.JSON parse는 JSON 문자열을 JavaScript 객체로 변환하는 데 사용되고, JSON stringify는 JavaScript 객체를 JSON 문자열로 변환하는 데 사용된다.직렬화랑 역직렬화가 뭔지도 모르고 일단 시작한 JSON은 쉽지 않은 험난한 길이었다..JSON 'parse'와 'stringify' 란?JSON(JavaScript Object Notation)은 데이터를 저장하고 전송하는 데 널리 사용되는 포맷이다. 이건 사실 별로 중요하지 않은 이야기이긴 한데 개념은 적어야 될 것 같으니까..?JSON에서 중요한 함수 'parse'와 'stringify' 이 두개만 알아도 사..

리액트는 컴포넌트와 훅 사용법을 익히는 것이 가장 중요하다.리액트란 무엇인가?리액트(React)는 페이스북에서 개발한 자바스크립트 라이브러리로, 사용자 인터페이스를 구축하는 데 사용된다.리액트는 컴포넌트 기반의 구조를 통해 재사용성과 유지보수성을 높이며, 단일 페이지 애플리케이션(SPA) 개발에 최적화되어 있다.리액트의 가장 큰 장점 중 하나는 Virtual DOM을 사용하여 실제 DOM 조작을 최소화하면서 빠르고 효율적인 UI 업데이트를 가능하게 한다. 이는 사용자 경험을 개선하고, 개발자가 복잡한 애플리케이션을 쉽게 구축할 수 있게 한다.리액트 설치 및 개발 환경 설정리액트를 시작하려면 먼저 Node.js와 npm(또는 Yarn)이 필요하다.설치 후, Create React App을 사용하여 새로운 ..

리액트의 map 함수는 배열 데이터를 컴포넌트로 변환하는데 중요한 역할을 합니다.이 포스팅에서는 리액트를 시작하시는 초보자분들도 이해하기 쉽도록 간단하게 설명하도록 하겠습니다.리액트 map 함수란?리액트에서 map 함수는 배열 데이터를 반복하여 각 요소를 새로운 컴포넌트로 변환하는 데 사용됩니다.리스트를 렌더링하거나 동적으로 UI를 생성할 때 매우 유용합니다.map 함수의 기본 사용법기본적으로 map 함수는 자바스크립트 배열 메서드로, 각 요소를 순회하며 새로운 배열을 생성합니다.리액트에서는 이를 활용하여 배열의 각 요소를 컴포넌트로 렌더링합니다.const num = [1, 2, 3, 4, 5];const listItems = num.map((item)) => {number} );retur..

이렇게 글자 양 옆으로 line을 쉽게 그리는 방법을 찾았다.매번 양옆으로 라인주는 법을 구글에서 찾곤 했었는데 한번 정리해두면 좋을 것 같다. TemplateName2 먼저 이렇게 html에 class명을 주고 class로 css를 줄 생각이다..template-container { display: flex; align-items: center; justify-content: center;}.template-bar { flex-grow: 1; height: 1.5px; background-color: #969696;}.template-name { margin: 0 20px; font-weight: bold;}선과 이름을 하나의 div로 묶음 ..

요즘 쇼핑몰이나 SNS에서 좋아요 버튼이 없는 곳이 없으니까한번 정리해두면 나중에 유용하게 써먹을 것 같아서 정리해볼 생각이다. 좋아요먼저 좋아요 버튼을 UI로 볼 수 있게 작업을 해놨다.미리 만들어 둔 api response로 is_like를 true, false로 오게 하고true이면 on에 css를 먹게 하여 채워진 하트로false이면 on이 먹지 않게 할 생각이다.// 상품 좋아요 핸들러const handleLike = async () => { // 좋아요 취소 if(likeData.is_like) { await delete(`/app/${idx}/like`); } // 좋아요 else { await post(`/app/${idx}/..

귀여운 아이패드 케이스를 갖고 싶었는데 항상 찾지 못해서 결국 반투명 케이스만 사용했던 저는드디어 엄청 귀여운 아이패드 케이스를 찾았습니다!바로 이 케이스인데요 너무 귀엽지 않나용ㅎㅎㅎ다른 더 귀여운 디자인도 많았었는데 이런 귀여운 케이스를 떼가 타게 하고싶진 않아서 검은색 케이스인 얘로 정했습니다정말 다시 봐도 귀여워요ㅠ저는 아이패드 에어4를 쓰고 있는데 정말 안맞는 곳 하나없이 너무 예쁘게 잘 맞아요보통 어딘가 조금은 뜨고 잘 안맞는 경우가 많은데 이런 흠조차 없다니.. 사랑 그자체에요애플펜슬 충전도 말해뭐해 너무 잘되고 지문인식하는 버튼조차 원래 쓰던것보다 너무 잘돼서 놀랐어요이렇게 케이스를 열면 3단 조절할 수 있는 홈이 있어요첫번째 칸을 제일 많이 쓰긴하는데 높이 조절 할 수 있다는게 정말 큰 ..

🧡 문제 설명 등차수열 혹은 등비수열 common이 매개변수로 주어질 때, 마지막 원소 다음으로 올 숫자를 return 하도록 solution 함수를 완성해보세요. 💛 제한사항 2 < common 의 길이 < 1,000 -1,000 < common 의 원소 < 2,000 등차수열 혹은 등비수열이 아닌 경우는 없습니다. 등비수열인 경우 공비는 0이 아닌 정수입니다. 💚 입출력 예 common result [1,2,3,4] [2,4,8] 5 16 💙 입출력 예 설명 입출력 예 #1 [1, 2, 3, 4]는 공차가 1인 등차수열이므로 다음에 올 수는 5이다. 입출력 예 #2 [2, 4, 8]은 공비가 2인 등비수열이므로 다음에 올 수는 16이다. 💜 문제 풀이 function solution(common) {..