본문 바로가기
  • search_ _ _ _
  • search_ _ _ _
  • search_ _ _ _

전체 글68

[LWC] LWR 생성 및 편집 (site 고객채널) 1. Sites- 화면 왼쪽상단에 톱니바퀴 클릭 - setup - Digital Experiences - All Sites 검색 - 오른쪽 출력창 Builder 클릭   2. New Page- Page Properties - New Page 클릭 - Standard Page로 생성   - 페이지명 입력    3. 컴포넌트와 페이지 연동 - Components -  생성한 컨포넌트를 클릭 드래그 한다.  4.  로컬 미리보기-  오른쪽 상단에 Preview - 눈모양버튼 ( Preview As ) - Authenticated User    5.  반영-  오른쪽 상단에 Publish  --- 내 작업물 외에 모든 작업물 한꺼번에 반영 2024. 7. 3.
[LWC] 페이지 편집 (Edit Page) 1. Edit Page - 현재 창이 Home 확인하고 창의 오른쪽 상단에 톱니바퀴 클릭Edit Page 가 있어야 하는데 없다;   *******문제 해결 메인 검색창에서 Home 검색Advanced Seller Home 선택 해제참고 :https://trailhead.salesforce.com/ko/trailblazer-community/feed/0D54V00007YvwueSAB I am not getting the edit page | Salesforce Trailblazer CommunityTrailhead, the fun way to learn Salesforcetrailhead.salesforce.com   *이미지까지 올린 친절한 설명대로 했는데 Edit Page가 나타나지 않는다!!! 글의.. 2024. 7. 3.
[LWC] 생성하기 및 반영하기 1. LWC 생성 - F1 (Crtl + Shift + P)SFDX : Create Lightning Web Component - 공란에 생성될 lwc 컨포넌트 이름을 작성 - 기본 lwc 경로 자동 출력   엔터 * force-app - lwc 안으로 컨포넌트가 생성됨 * 컨포넌트 안에 생성되는 tests_ 폴더는 무시해도 됨   2. LWC 작성- 컨포넌트명.html템플릿 안에 마크업을 작성 - css가 없기에  컨포넌트명.css 를 생성css가 비어있으면 첫 deploy때 에러가 발생하기에 아무 내용이나 넣어둔다. - 컨포넌트명.js-meta.xml   61.0 false 모바일이나 다른 기타에서도 접근 가능하도록 수정 61.0 true //true로 변경 //추가.. 2024. 7. 3.
[LWC] vscode Salesforce 셋팅 1. Salesforce Cli 다운로드​https://developer.salesforce.com/tools/sfdxcli 2. vscode 확장프로그램 설치- Salesforce Extension Pack - 뭐 여러가지 한꺼번에 받아짐 3. LWC 셋팅- F1 (Crtl + Shift + P) SFDX : Create Project with Manifest 선택 ... 오래 걸림 ...에러 무시 - 공란 엔터 (디폴트 Standard) - 공란에 폴더명 입력 - lwc 생성할 위치 설정  4. 오그 연결- F1 (Crtl + Shift + P)SFDX : Authorize an Org 혹은 - 하단에 No Default Org Set 클릭 SFDX : Authorize an Org  개인오그이므로 .. 2024. 7. 3.
[난이도 1] 정수의 길이 // Run by Node.jsconst readline = require('readline');(async () => { let rl = readline.createInterface({ input: process.stdin }); for await (const line of rl) { console.log('Hello Goorm! Your input is', line); rl.close(); } process.exit();})(); 처음 초기 모습이다. 정수의 길이를 찾는 문제이므로   정답console.log(line.length); // String.length 문자열의 길이를 구할 수 있다. 2024. 7. 2.
[JavaScript] Sprite Sheets 애니메이션 1. html- canvas 태그 생성   2. cssbody{ position: relative; height: 100vh;}canvas { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color:rgb(248 224 217);} 3. javascript 1). 이미지 호출 - drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight)매개변수(sx, sy)는 스프라이트 시트(소스)의 시작 위치,(dx, dy)는 캔버스(대상)의 시작 위치며 기본적으로 왼쪽 상단이 (0.. 2024. 6. 14.