본문 바로가기

전체 글105

[JSON Template] 404-template schema (1-2) 이 전 내용과 이어진다. 이번에는 이 전에 적용했던 코드에서 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": [ .. 2023. 8. 26.
[JSON Templates] 404 template ✨ 나도 이제 취업성공 ✨ 맡은 업무중에 하나인 해외 이커머스 shopify 를 이용한 페이지를 관리하기 위해 쇼피파이라는것을 처음 접하고,, 파해치게되었다.. 공식문서 빼고는 아직 국내에서 블로그 같은 사료가 많이 없어서 ㅠ 마침 udemy에 적절한 영상이 있어 내돈내산 해 보았다..! 자막도 따로 없어 영어자막 자동 생성으로 열심히 따라가는즁.. 😂 여기 포스트는 기록 및 따라해보기 + 복습 용으로 정리해 볼 것이다 ! Shopify Theme 이 2.0으로 업그레이드 되면서 원래 liquid를 썼다면 json 으로 template가 변경되었다. liquid template 이었던 404 파일을 json template으로 변경해 주었다. 쇼피파이 공식 문서에 있는 JSON templates로 쓸 수.. 2023. 8. 26.
[프로그래머스] 코테 (분수의 덧셈) 일단 최종 코드는.. 이렇게 된다... 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의 최대공약수(.. 2023. 8. 18.
[SEO] 책 : 검색엔진 상위 노출을 위한 홈페이지 검색 엔진 최적화 (웹과 검색엔진의 발달) '검색엔진 상위 노출을 위한 홈페이지 검색 엔진 최적화' 라는 책을 일게 되었다. 해당 글은 해당 날짜에 읽은 글에대한 포스트이다. 책의 내용에서 나에게 필요한 내용들을 기록하기 위해 정리해 보았다. 내용중에서도, 웹과 검색 엔진의 발달에 대해서만 올려보겠다. 1. 웹과 검색 엔진의 발달 - 검색 엔진이 발전하게 된 계기 : WWW (하이퍼텍스트 기능 : 링크를 클릭하여 다른 페이지와 연결되는 개념) 의 등장 웹 발전 단계 1. 웹 1.0 사용자에게 일방적으로 정보를 전달하는 방식 1995~1996 : (하이텔, 천리안, 넷스케이프 등) 인터넷 초기에 도입 - 1997~1998 : 인터넷이 본격적으로 확산 시작한 시기 (E-mail) 대중화 - 1999~2000 : 초고속 인터넷의 보급(성장기) 으로 인.. 2023. 8. 14.
[프로그래머스] 코테 (자릿수 더하기) 나의 코드 function solution(n) { return String(n).split('').reduce((sum, digit) => sum + parseInt(digit,10),0); } 설명 1. String(n) : 주어진 정수 n을 문자열로 변환한다. => 이렇게 함으로써 정수의 각 자리 숫자를 하나씩 분리하고 처리할 수 있음!! 2. .split('') : 변환된 문자열을 빈 문자열 ''을 기준으로 나눈다. => 이 결과로 배열이 생성되며, 각 배열 요소는 문자열의 각 자리 숫자를 담게 된다. 3. .reduce((sum, digit) => sum + parseInt(digit, 10), 0) : 배열을 reduce() 함수를 사용하여 합산하는 작업을 가진다 => reduce() 함수는 .. 2023. 8. 13.
[프로그래머스] 코테 (모음 제거) 나의 풀이) 1. my_string을 split('')을 이용하여 모두 나눈다 . 2. filter() 를 이용하여 모음인 vowel변수를 따로 선언하여 vowel이 아닌것들만 조건을 확인하여 모음이 아니면 참이 되도록 includes()이용한다. => 모음이 아닌 문자만 남게 된다! 3. includes()에 해당되는 글자만 다시 join('')을 이용하여 붙여서 return 한다. 코드 function solution(my_string) { const vowels = ['a','e','i','o','u'] return my_string.split('').filter((char)=> !vowels.includes(char)).join(''); } 다른사람의 풀이) function solution(my_.. 2023. 8. 7.

티스토리툴바