헬리_storage

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)) { // 버튼이 이미 클릭되어 있으면, 클릭 상태..

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 = '옵션 선택으로 더 저렴한 세트 구매를 해보세요 :)'; } });​

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..

사용자에게 오류페이지를 보여주지 않기 위해서, sections폴더에 있는 404.liquid 탬플릿에 더보기 를 삽입해 주었다. 결과 -> url에 아무거나 쳐도 바로 메인페이지로 이동함 !

오류 메시지에서 "Assignment to constant variable"라는 내용을 볼 수 있습니다. 이 오류는 const로 선언된 변수에 값을 다시 할당하려고 할 때 발생합니다. const로 선언된 변수는 한 번 값이 할당되면 다른 값을 할당할 수 없습니다. 따라서 selectedNailLength 변수를 let으로 선언하거나, 이미 const로 선언했다면 다른 변수로 값을 저장하는 방식으로 수정해야 합니다. 아래는 수정된 코드입니다: default 값으로 바로 checkbox가 checked 되어있도록

1. wrap our template using "tag" attribute tag attribute - By default, when Shopify renders a section, it wrapped in a element with a unique 'id' attribute. - If you don't want to use , then you can specify which kind of HTML element to use with the 'tag' attribute. the following are the accepted values - article - aside - div - footer - header - section 여기서 시작 (1-2 내용) {{ section.settings.title..

이 전 내용과 이어진다. 이번에는 이 전에 적용했던 코드에서 schema를 적용하고 바꿔서 커스터마이징까지 할 수있게 바꾸어 보았다 ! {% schema %} { "name": "Template-404", "settings": [ { "type": "text", "id": "title", "default": "404", "label": "404 Heading Title" } ] } {% endschema %} //같은 파일 내 //여기는 HTML {{ section.settings.title }} //여기를 이렇게 간단하게 변경 {{ 'general.404.subtext_html' | t }} //schema {% schema %} { "name": "Template-404", "settings": [ ..

✨ 나도 이제 취업성공 ✨ 맡은 업무중에 하나인 해외 이커머스 shopify 를 이용한 페이지를 관리하기 위해 쇼피파이라는것을 처음 접하고,, 파해치게되었다.. 공식문서 빼고는 아직 국내에서 블로그 같은 사료가 많이 없어서 ㅠ 마침 udemy에 적절한 영상이 있어 내돈내산 해 보았다..! 자막도 따로 없어 영어자막 자동 생성으로 열심히 따라가는즁.. 😂 여기 포스트는 기록 및 따라해보기 + 복습 용으로 정리해 볼 것이다 ! Shopify Theme 이 2.0으로 업그레이드 되면서 원래 liquid를 썼다면 json 으로 template가 변경되었다. liquid template 이었던 404 파일을 json template으로 변경해 주었다. 쇼피파이 공식 문서에 있는 JSON templates로 쓸 수..

일단 최종 코드는.. 이렇게 된다... function gcd(a, b) { return b === 0 ? a : gcd(b, a % b); } function solution(numer1, denom1, numer2, denom2) { // 두 분모의 최소공배수(lcm) 계산 const lcm = (denom1 * denom2) / gcd(denom1, denom2); // 각 분자를 두 분모에 맞게 확장 const newNumer1 = numer1 * (lcm / denom1); const newNumer2 = numer2 * (lcm / denom2); // 두 분수를 더한 분자 계산 const resultNumer = newNumer1 + newNumer2; // 결과 분자와 lcm의 최대공약수(..

'검색엔진 상위 노출을 위한 홈페이지 검색 엔진 최적화' 라는 책을 일게 되었다. 해당 글은 해당 날짜에 읽은 글에대한 포스트이다. 책의 내용에서 나에게 필요한 내용들을 기록하기 위해 정리해 보았다. 내용중에서도, 웹과 검색 엔진의 발달에 대해서만 올려보겠다. 1. 웹과 검색 엔진의 발달 - 검색 엔진이 발전하게 된 계기 : WWW (하이퍼텍스트 기능 : 링크를 클릭하여 다른 페이지와 연결되는 개념) 의 등장 웹 발전 단계 1. 웹 1.0 사용자에게 일방적으로 정보를 전달하는 방식 1995~1996 : (하이텔, 천리안, 넷스케이프 등) 인터넷 초기에 도입 - 1997~1998 : 인터넷이 본격적으로 확산 시작한 시기 (E-mail) 대중화 - 1999~2000 : 초고속 인터넷의 보급(성장기) 으로 인..