profile
뚜잇뚜잇
태그 목록
전체보기 (111)코테(25)코딩테스트(19)프로그래머스(18)스터디(15)level2(12)js(10)python(10)JavaScript(9)next.js(8)ts(4)파이썬(3)React(3)TIL(3)Lv2(3)useEffect(3)최적화(2)고득점kit(2)Cache(2)typescript(2)levle2(2)next-auth(1)image(1)스켈레톤(1)KAKAO BLIND RECRUITMENT(1)이미지(1)Request(1)리액트 생명주기(1)연습문제(1)전역상태관리(1)memoization(1)함수형 컴포넌트(1)화질개선(1)최솟값 만들기(1)스코프체인(1)react hook form(1)use server(1)router(1)fetching(1)레벨2(1)피보나치 수(1)node.js(1)return(1)Exhaustive search(1)동적타입언어(1)렉시컬환경(1)예상 대진표(1)클래스형 컴포넌트(1)Typscript(1)이미지최적화(1)return-type(1)login(1)클로저(1)(1)카펫(1)context(1)소셜로그인(1)완전탐색(1)제네릭(1)useMemo(1)Sort(1)credential(1)Next14(1)DOM(1)mysql(1)다음 큰 숫자(1)코딩테스크(1)useCallback(1)Context API(1)full-router(1)CSR(1)SSR(1)렌더링(1)모달(1)컴파일(1)정렬(1)최소공배수(1)RowDataPacket(1)ResultSetHeader(1)스택(1)Fetch(1)실행 컨텍스트(1)yup(1)짝지어제거하기(1)모음사점(1)cookie(1)express(1)use client(1)ssg(1)rendering(1)영어 끝말잇기(1)이것이 코딩 테스트다(1)가상DOM(1)구글로그인(1)ISR(1)숫자의 표현(1)fallback(1)Suspense(1)Lv1(1)session(1)생명주기(1)프로그래머스 연습문제 - 구명보트 (level2)(1)React.memo(1)로그인(1)Revalidate(1)정적타입언어(1)모달닫기(1)런타임(1)정리함수(1)해시(1)힙(Heap)(1)

BCD와 BAPI ( su01 사용자 등록하기)

2025년 3월 27일
·
0개의 댓글
·
post-thumbnail

SAP화면 도구 모음

메뉴 바는 SAP 화면의 맨 위에 위치하며, 사용자가 트랜잭션 코드 없이도 특정 작업을 수행할 수 있도록 메뉴를 제공합니다.표준 도구 모음은 메뉴 바 바로 아래에 위치하며, 대부분의 화면에서 공통적으로 사용되는 기능을 제공합니다.Enter/Continue: 입력한 데이

2025년 3월 20일
·
0개의 댓글
·
post-thumbnail

SAP 데이터간 관계

SAP ERP에서 데이터는 Code, Master Data, Transaction Data의 세 가지로 구성되며, 각각의 역할과 특징이 명확히 구분됩니다. 아래는 각 데이터 유형에 대한 기본 이해를 정리한 내용입니다.Code는 단위 업무 프로세스에서 동일한 대표 값으로

2025년 3월 20일
·
0개의 댓글
·

[11주차] SAP ERP : 업로드할 파일 경로 가져오기, 엑셀 다운로드

11주차 SAP ERP : 업로드할 파일 경로 가져오기, 엑셀 다운로드외부 응용 프로그램(예: Microsoft Excel, Word 등)의 객체를 ABAP 프로그램 내에서 제어하거나 상호작용image.pngOBJ_RECORD는 OLE2_OBJECT와 관련된 데이터 구

2025년 3월 19일
·
0개의 댓글
·

[10주차] SAP ERP : 테이블 생성

10주차 SAP ERP : 테이블 생성

2025년 3월 19일
·
0개의 댓글
·
post-thumbnail

[9주차] SAP ERP : 집계하는 프로그램 READ MOVE, SELECT SINGLE

MOVE-CORRESPONDING는 두 구조(혹은 내포된 구조) 간에 동일한 이름의 필드를 자동으로 매핑하여 값을 복사하는 ABAP 구문. 두 구조가 서로 다르더라도 구조간의 필드명이 동일한 경우, 필드들 간의 값을 자동으로 이동시키는 방식으로 동작한다. ( 행/테이블

2025년 2월 27일
·
0개의 댓글
·
post-thumbnail

[8주차] SAP ERP : COLLECT

COLLECT는 집계 함수로, 주어진 테이블에서 특정 필드를 기준으로 집계하는 기능COLLECT는 테이블의 각 레코드를 검사하여 중복되는 필드 값을 찾는다.if 이미 존재하는 항목, 해당 항목에 대해 집계된 값을 갱신한다.else 새로운 항목으로 추가된다.

2025년 2월 26일
·
0개의 댓글
·
post-thumbnail

[7주차] SAP ERP : 항공편조회 with join

[6주차 SAP ERP : 항공편조회 ] 에서 추가 구현(https://velog.io/@jwisdomh/6%EC%A3%BC%EC%B0%A8-SAP-ERP) SAP ERP : 항공편조회 with join 결과화면 1. 데이터 선언 추가 2. 필드카탈로그 추가 3

2025년 2월 26일
·
0개의 댓글
·
post-thumbnail

[6주차] SAP ERP: 항공편 조회

"p_connid is not an internal table"이 발생하는 이유는 p_connid가 단일 값(파라미터)이기 때문 p_connid는 리스트박스의 선택된 값을 저장하는 단일 변수일 뿐, 내부 테이블이 아니므로 APPEND로 직접 값을 넣을 수 없다.=>

2025년 2월 26일
·
0개의 댓글
·

SAP 개발환경 및 open suse명령어 정리

open suse : SAP 서버를 설치하고 실행할 수 있는 Linux 배포판 oracle virtual box : 가상머신sap logon : SAP 시스템에 접속하기 위한 클라이언트 프로그램oracle virtual box 에 open suse(운영체제)을 설치해

2025년 1월 15일
·
0개의 댓글
·

firebase auth/invalid-credential

코드를 실행하면 잘못된 비밀번호 또는 등록되지 않은 이메일을 입력했을 때 예상된 "auth/wrong-password" 또는 "auth/user-not-found" 에러 코드 대신 "auth/invalid-credential" 에러가 발생한다는 문제점을 설명하고 있습니

2024년 5월 17일
·
0개의 댓글
·
post-thumbnail

Context api로 로그인 상태 전역관리하기

최근 포트폴리오 블로그형식의 프로젝트를 수행했다. 로그인 과정에 발생한 troble shooting을 기록한다. 요구사항 헤더에 로그인한 계정의 이메일/닉네임을 표시해야한다. 문제사항 로그인이 성공하면 nickname, email, token을 localstora

2024년 4월 18일
·
0개의 댓글
·

useffect return, outside클릭시 모달 닫기

useEffect의 return 정리 함수TIL37 | React | ref를 이용한 outside click 외부 클릭 감지리액트의 useEffect는 return () => 으로 표현되는 정리 함수를 가지고 있다. return은 실행을 대기하고 있다가 이전의 효과를

2024년 3월 18일
·
0개의 댓글
·

Data Fetching할 때 Suspense가 작동안되는 경우

내가 원하는 것 : GET API를 fetch를 하는 동안 화면에 스켈레톤 코드를 그리고 싶다. 그래서 suspense를 사용했다.결과 : 잉? suspense의 fallback이 렌더링 안된다.useEffect(의존성 배열이 \[]일때)는 suspense보다 먼저 발

2024년 3월 18일
·
1개의 댓글
·

git fatal 해결하기

\--allow-unrelated-histories이미 존재하는 두 프로젝트의 기록(history)을 저장하는 드문 상황에 사용된다. 즉, git에서는 서로 관련 기록이 없는 이질적인 두 프로젝트를 병합할 때 기본적으로 거부하는데, 이것을 허용해 주는 것이다.fatal

2024년 3월 16일
·
0개의 댓글
·

cookie, session, cache

브라우저를 사용하는 환경 (로컬 컴퓨터)에 서버에서 받은 데이터를 저장한 파일로그인 정보 같이 유저가 굳이 다시 서버에 다시 요청하기에는 비효율적인 정보를 로컬에 저장해둠으로서 생산성을 높이는 것이 목적!로그인 정보 등 사용자의 정보가 저장되는 경우가 많아 보안문제를

2024년 2월 26일
·
0개의 댓글
·

React 코드 최적화 (React.memo, useCallback, useMemo)

React.memo는 함수형 컴포넌트를 렌더링하는 데 사용되는 메모이제이션 기능을 제공한다. 이를 통해 컴포넌트의 리렌더링을 방지할 수 있다.일반적으로, 컴포넌트가 이전에 전달된 프롭스와 다른 경우에만 렌더링을 트리거한다. useMemo 훅은 계산 비용이 많은 연산의

2024년 2월 26일
·
0개의 댓글
·
post-thumbnail

Next.js cache

💡 캐싱 대상 : 렌더링 작업, 데이터 요청💡 목적: 애플리케이션 성능을 향상, 비용 절감캐시 : 컴퓨터 과학에서 데이터나 값을 미리 복사해 놓는 임시 장소캐싱 : 파일 복사본을 캐시 또는 임시 저장 위치에 저장하여 보다 빠르게 액세스할 수 있도록 하는 프로세스By

2024년 2월 26일
·
1개의 댓글
·
post-thumbnail

구글소셜로그인으로 가져온 이미지 next/image로 최적화하기

next.config.js 파일에 url 코드가 추가되어야함. 보안 이슈💡 next.js의 Image 태그 사용시 file size가 확연히 줄어듬.💡 그 만큼 화질이 깨지는 문제가 있음props quality(defautl 75, 1~100)로 화질을 개선할 수

2024년 2월 26일
·
0개의 댓글
·
post-thumbnail

CSR, SSR, SSG, ISR (Feat. Next.js14)

HTML 렌더링이 클라이언트(사용자의 브라우저)에서 실행되는 방식이다.사용자가 웹 사이트에 방문하면 브라우저는 서버에 HTML,CSS,Javascript 같은 리소스들을 요청한다.서버는 빈 뼈대의 html과 js를 건네주고 브라우저는 이 파일들을 파싱하여 렌더링한다.H

2024년 2월 26일
·
0개의 댓글
·