분류 전체보기38 모요 통신사 토스 모바일 (U+) 없음 이전 통신사인 토스모바일(u+)가 없어서 개통이 불가능해요 라고 고객센터에 문의 했더니 토스모바일은 "마이월드" 를 선택 후 진행하면 된다고 합니다 2025. 2. 13. 엑스플랫폼/넥사크로 filterstr를 like처럼 포함 여부 확인 방법 1. indexOfthis.Dataset00.filter("Column0.toString().indexOf('"+this.Edit00.value+"')>-1"); 출처 : https://www.playnexacro.com/#show:community:4490 2025. 2. 12. 조건부 렌더링 🌟 조건부 렌더링(Conditional Rendering)React에서는 조건에 따라 특정 UI를 렌더링하거나 숨길 수 있어. 웹 개발에서 사용자 경험을 개선하기 위해 자주 사용하는 패턴이지. 🔧 조건부 렌더링을 구현하는 방법들1️⃣ if 문 사용function WelcomeMessage({ isLoggedIn }) { if (isLoggedIn) { return 환영합니다!; } return 로그인해주세요!; } 💡 설명:isLoggedIn 값에 따라 다른 메시지를 보여줌.컴포넌트 내에서 명확한 조건 처리가 가능함. 2️⃣ 삼항 연산자 사용 (? :)function WelcomeMessage({ isLoggedIn }) { return ( {isLoggedIn ? ".. 2025. 2. 10. React 이벤트 핸들링 - 연습문제 문제: 간단한 "이름과 이메일 입력 폼" 만들기목표:사용자가 이름과 이메일을 입력할 수 있는 폼을 만든다.버튼을 클릭하면 입력한 값을 화면에 표시한다.폼 제출 시, 기본 동작을 막고, 입력된 데이터를 화면에 출력한다.기능 요구 사항:이름과 이메일을 입력할 수 있는 필드가 있다.제출 버튼을 클릭하면 입력된 이름과 이메일이 아래에 출력된다.이름과 이메일을 입력하지 않으면, 오류 메시지를 출력한다.폼을 제출할 때 페이지 새로고침을 막아야 한다.구현 단계:name과 email을 입력할 수 있는 두 개의 텍스트 필드를 만든다.onChange 이벤트로 사용자가 입력한 값을 상태에 저장한다.onSubmit 이벤트로 폼 제출을 처리하고, 제출 버튼을 클릭하면 입력값을 출력한다.입력값이 비어 있으면 오류 메시지를 출력한.. 2025. 2. 9. React 이벤트 핸들링 오래 집중하기 힘드네요 ㅋㅋ ... 0 . 이벤트 핸들링 기초 클릭- 이벤트 이름은 camelCase로 작성(onClick, onChange 등)- 문자열이 아니라 함수를 전달해야 함 1 . 버튼 클릭 이벤트function ClickExample() { const handleClick = () => { // void alert("버튼이 클릭되었습니다!"); }; return 클릭!;}- handleClick 함수가 버튼 클릭 이벤트에 연결되어 있다- 버튼을 클릭하면 "버튼이 클릭되었다"는 알림이 뜬다 2. 인자 전달이 필요한 경우그런데 handleClick 함수가 단순한 함수가 아니라 매개변수가 필요하면 어떻게 해야 할까? 예를 들어, 우리가 handleClick 함수에서 특정 값을 받아서 처.. 2025. 2. 9. React의 핵심 개념 JSX, Props, State 1️⃣ JSX (JavaScript XML) 💡 개념JSX는 JavaScript 코드에서 HTML을 작성하는 방식, HTML처럼 보이지만 js 코드 안에서 동작한다~ ✨ 특징html 문법과 유사하지만 js 코드로 변환됨중괄호 안에 js 표현식 사용 📝 예제function HelloWorld(){ const name = "React"; return Hello, {name}!}위 코드에서 Hello, {name}!은 JSX로, name에 변수값이 대입되어 Hello, React가 출력 ⚠️ 주의JSX는 한개의 부모요소로 무조건 감싸야함// 잘못된 예제return Hello!React;// 올바른 예제return ( Hello! React );2️⃣ Props(Propertie.. 2025. 2. 9. 챗지피티가 알려준 React 공부 커리큘럼 프로계획('만')러 ...아좌좌... 1. 기초 다지기 (약 2~3주/~3.1)목표: React의 기본 개념과 컴포넌트 구조 이해내용:JSX, Props, State 이해이벤트 핸들링컴포넌트 간 데이터 전달 (props, state)추천 활동:공식 문서(React Docs) 튜토리얼 완성간단한 카운터 앱 또는 To-Do 리스트 만들기코드 샌드박스에서 실습 2. 중급 단계 (약 4~6주/~5.1)목표: 실무에서 사용되는 주요 기능 학습내용:React Hooks (useState, useEffect, useContext)컴포넌트 재사용 및 폴더 구조 학습React Router로 페이지 이동 처리스타일링 (CSS Modules, Styled Components)API 통신 (axios 또는 fetch)추천 활.. 2025. 2. 9. React 개발 환경 구성 신년맞이.. REACT 공부결심...다시 시작해봅니다.. 이번엔 어디까지할지...ㅋㅋㅋ ㅠㅠ 환경세팅부터 해보죠. 저는 m1 air로 개발합니다종종 윈도우로 하기도 합니다잇 아래는 맥을 기준으로 설치했어요윈도우에도 해보다가 어우 복잡해서 다시 맥 켰습니다... 0. npm, node, npx 설치부터.날로 먹기... 감사합니다..https://velog.io/@cho876/Chapter01.-React-%EA%B0%9C%EB%B0%9C%ED%99%98%EA%B2%BD-%EC%84%B8%ED%8C%85-Mac-OS npm과 npx는 뭐가 다를까?npm(Node Package manager)은 node.js를 관리하는 패키지 매니저, 패키지 설치/업데이트/삭제하는 도구npx(Node Package Exe.. 2025. 2. 9. S/4HANA - 특정 구분자로 이루어진 문자열 부분 추출 - SUBSTRING_REGEXPR / REGEXP_SUBSTR 'AAAA/BBBB/CCCC/DDDD/EEEE' 에서 CCCC만 갖다 쓰고 싶은 경우 📌 SUBSTRING_REGEXPR 사용 (S/4HANA 표준 함수)SELECT SUBSTRING_REGEXPR('(?🔹 해석(?[^/] → /가 아닌 문자들을 매칭.(?=/) → 뒤에 /가 있는 경우 찾음.OCCURRENCE 2 → 두 번째 슬래시(/) 사이의 값을 추출. 📌 REGEXP_SUBSTR 사용 (대안) SELECT REGEXP_SUBSTR('AAAA/BBBB/CCCC/DDDD/EEEE', '[^/]+', 1, 3) AS extracted_value FROM DUMMY;🔹 해석'[^/]+' → /을 제외한 문자열을 찾음.1, 3 → 세 번째 구분자 사이 값을 가져옴 (CCCC). 📌 테이블에.. 2025. 2. 6. 이전 1 2 3 4 5 다음
