본문 바로가기

전체 글107

[프로그래머스 코테] N보다 커질 때 까지 더하기 문제 설명 더보기 정수 배열 numbers와 정수 n이 매개변수로 주어집니다. numbers의 원소를 앞에서부터 하나씩 더하다가 그 합이 n보다 커지는 순간 이때까지 더했던 원소들의 합을 return 하는 solution 함수를 작성해 주세요. 나의 풀이 function solution(numbers, n) { var answer = 0; let i = 0; while(answer 2024. 1. 12.
[Shopify] story theme 상품목록에 Add to cart 버튼 추가 shopify에 많은 테마가 있는데 그중에서도 유료테마인 Story를 사용하고있다. 이커머스 사이트면 Add to cart버튼이 어디든 존재해서 고객을 어서빨리 구매전환을 시켜야하는데, 해당 테마에서 해당 기능을 찾을 수 없어서 story theme 고객센터에 문의한 결과, 현재 story theme에서는 상품목록에 장바구니 버튼을 제공하고 있지 않다고 함 🥲 많은 여정 끝에 괜찮은 사료를 찾게 되었고, Finally 상품 목록에 Add to Cart 버튼을 추가하게 되었습니다. 🎉 https://youtu.be/fxk51sRZs38?si=m_8mY7VBQ_e5R63K 위 영상을 참고하였고, 해당 영상은 1년전 업로드되었기도 하며 다른 theme의 예시라, 현재 쓰고있는 story의 코드와는 다소 다릅니.. 2024. 1. 8.
[TypeScript] 버튼 활용 (기능추가) const buttonHandler = (key: string) => (event: React.MouseEvent) => { const buttonKey = key; // 클릭된 버튼의 키를 가져옵니다. setClickedButton(prev => { const newClickedButton = { ...prev }; // 이전 클릭된 버튼 상태를 복사합니다. if (!newClickedButton[pageNum - 1]) { newClickedButton[pageNum - 1] = []; // 만약 해당 페이지의 클릭된 버튼 상태가 없다면 초기화합니다. } if (newClickedButton[pageNum - 1].includes(buttonKey)) { // 버튼이 이미 클릭되어 있으면, 클릭 상태.. 2023. 10. 31.
[JavaScript] Cafe24서버로 관리되는 css DOM에 접근해서 바꾸기 window.addEventListener('DOMContentLoaded', function() { // select 요소를 선택 var selectElement = document.querySelector('select#product_option_id1.ProductOption0'); // 변경할 옵션 요소를 선택 var optionElement = selectElement.querySelector('option[value="*"][selected][link_image]'); // 옵션 텍스트를 변경 if (optionElement) { optionElement.textContent = '옵션 선택으로 더 저렴한 세트 구매를 해보세요 :)'; } });​ 2023. 10. 25.
[TypeScript] 공통컴포넌트 Nav 이용해보기 TS를 1도 모르는 상황에서 TS를쓰는 간단한 (?) 프로젝트가 시작되었다. 오늘 구현 한 컴포넌트는 공통컴포넌트로, Nav.tsx이다. 하나의 페이지에서 컴포넌트들만 바뀌는 식으로 개발을 할 것이었으며, 그 중에서도 Contents 내에 title부분을 Nav.tsx(공통 컴포넌트)로 정하고 구현했다. 코드는 이렇다. import React from 'react'; interface NavItem { title: string; subTitle?: string; } const SHAPE_NAV: NavItem = { title: 'What’s your nail shape?', subTitle: '(Choose based on the index finger.)', }; const CONCERN_NAV: N.. 2023. 10. 24.
[javascript] 404.liquid 에서 리디렉션 사용자에게 오류페이지를 보여주지 않기 위해서, sections폴더에 있는 404.liquid 탬플릿에 더보기 를 삽입해 주었다. 결과 -> url에 아무거나 쳐도 바로 메인페이지로 이동함 ! 2023. 9. 10.

티스토리툴바