ByteCraft

📌 1. 기본 흐름SyntaxFromSQL을 사용하여 DataWindow의 Syntax를 생성LibraryCreate 함수를 사용하여 PBL에 새로운 DataWindow 객체를 저장📌 2. 코드 예제아래 예제는 SyntaxFromSQL을 이용해 DataWindow의 Syntax를 생성하고, 이를 LibraryCreate로 PBL 파일에 저장하는 방식입니다. string ls_syntax, ls_error, ls_pbl, ls_dw_namestring ls_sqlinteger li_result// SQL 문 작성ls_sql = "SELECT id, name, price FROM products"// DataWindow Syntax 생성ls_syntax = SQLCA.SyntaxFromSQL(ls_sql..

request-ezpo.http[vsCode] REST Client에서 REST 테스트 하는 Script### 공통코드구분 ############################################## LIST 조회GET http://localhost:8000/comm_code_div### LIST 조회 조회조건GET http://localhost:8000/comm_code_div?cd_div=CLS### LIST 조회 정열GET http://localhost:8000/comm_code_div?ordering=-div_cd### POST - INSERTPOST http://localhost:8000/comm_code_divContent-Type: application/json { "cd_di..

프로젝트 개요ezPo는 "easy + Purchase Order"의 의미를 담고 있으며, 기업 간 발주 및 구매 관리를 쉽고 효율적으로 할 수 있도록 돕는 B2B 플랫폼입니다. 특히, 전자제품을 생산하는 중소기업을 주요 대상으로 하지만, 다양한 산업군에서도 활용할 수 있도록 설계되었습니다.주요 기능발주 관리 최적화발주서를 쉽게 생성하고 관리할 수 있습니다.발주 품목의 대상이 되는 모델 및 Part List를 체계적으로 관리합니다.생산계획을 기준으로 자동으로 발주서를 생성합니다.입고 및 진행사항 관리발주서 기준으로 입고를 처리할 수 있습니다.발주 대비 입고 진행 상황을 실시간으로 확인할 수 있습니다.구매 비용 정산 개선기존의 발주 기준 정산 방식에서 벗어나, 실제 입고 기준으로 정산할 수 있도록 지원합니다..

개요import { useEffect, useRef } from "react";function FileInput({ name, value, onChange }) { const inputRef = useRef(); const handleChange = (e) => { const nextValue = e.target.files[0]; onChange(name, nextValue); }; return ;}export default FileInput;useRef()가 뭔가? React의 refReact의 ref는 DOM 요소나 클래스 컴포넌트 인스턴스에 직접 접근할 수 있도록 도와주는 기능입니다. 🔹 ref의 주요 개념 DOM 요소 접근: ref를 사용하면 document.querySelec..

개요function ReviewForm() { const [values, setValues] = useState({ title: "", rating: 0, content: "", }); const handleChange = (e) => { const { name, value } = e.target; setValues((prevValues) => ({ ...prevValues, [name]: value, })); }; return ( 확인 );} 의 입력값을 하나의 state로 묶어서 관리한다. const [values, setValues] = useState({ title: "", ..

개요const nextRating = Number(e.target.value) || 0;Number(e.target.value)에 값이 없을 경우 기본값을 0으로 설정. 단락 평가(short-circuit evaluation)이 문법은 **"단락 평가(short-circuit evaluation)"**를 활용한 "논리 OR 연산자(||)를 이용한 기본값 설정(default value assignment)" 패턴입니다. 1. 단락 평가 (Short-Circuit Evaluation)|| 연산자는 왼쪽 값이 Falsy(거짓 같은 값)면 오른쪽 값을 반환합니다.따라서 Number(e.target.value)가 NaN(Falsy)이면 0을 반환합니다. 2. 논리 OR 연산자를 이용한 기본값 설정이 패턴은 Jav..

개요ListCreateAPIView는 Django REST framework에서 제공하는 제네릭 뷰 중 하나로, 목록 조회 및 객체 생성을 처리합니다.이 뷰에 대한 sort 기능을 정의하는 방법은 일반적으로 ordering 쿼리 매개변수를 사용하여 데이터를 정렬하는 방식입니다.Serializer에서 Meta 클래스를 사용하여 기본 ordering 설정모델이 정의되어 있고, ModelViewSet을 사용할 경우 ordering을 Meta 클래스에 설정할 수 있습니다.from rest_framework import serializersfrom .models import MyModelclass MyModelSerializer(serializers.ModelSerializer): class Meta: ..

옵셔널 체이닝(Optional Chaining) 개요옵셔널 체이닝(Optional Chaining, ?.)은 객체 프로퍼티가 존재하지 않을 경우 오류 없이 안전하게 접근할 수 있도록 도와주는 문법입니다.✅ 주요 특징객체 프로퍼티가 null 또는 undefined일 경우 즉시 undefined 반환긴 체이닝에서도 안전하게 접근 가능불필요한 if 문이나 && 연산자를 줄여 코드 가독성 향상1️⃣ 기본 문법const user = { profile: { name: "Alice", },};console.log(user.profile?.name); // "Alice"console.log(user.profile?.age); // undefined (존재하지 않는 프로퍼티)console.log(user.ac..

개요useEffect(() => { handleLoad();}, []); 해석:useEffect 내부의 함수 () => { handleLoad(); }는 컴포넌트가 마운트될 때 실행됩니다.**의존성 배열 []**이 비어 있으므로, handleLoad()는 한 번만 실행됩니다.handleLoad()는 사용자가 정의한 함수로, 데이터를 로드하거나 초기화 작업을 수행하는 함수일 가능성이 큽니다.useEffect() 개요useEffect()는 React의 훅(Hook) 중 하나로, 컴포넌트의 라이프사이클 동안 부수 효과(side effects)를 처리할 때 사용됩니다. 1.기본 문법useEffect(() => { // 실행할 코드});→ 컴포넌트가 렌더링될 때마다 실행됨 2.의존성 배열(Dependency ..

개요// api.jsexport async function getReviews() { const response = await fetch("https://learn.codeit.kr/5235/film-reviews"); const body = await response.json(); return body;}// App.jsconst handleLoadClick = async () => { const { reviews } = await getReviews(); setItems(reviews);}; fetch(), await을 이해 하기 위해 정리함. fetch()fetch()는 JavaScript에서 네트워크 요청을 수행하는 API로, 비동기적으로 리소스를 가져올 때 사용됩니다.Promise 기반..