전체 글

아주 조금씩 발전하는 개발지망생
· ABAP Study
ALV LayoutALV에서 Layout은 화면 표시 방식을 정의하는 설정 Layout 변수를 선언할 때는 LVC_S_LAYO 구조를 사용하며,SET_TABLE_FOR_FIRST_DISPLAY 메서드를 통해 전달한다 Layout Structure Option들을 자세히 확인하고 싶다면?LVC_T_SCOLALV 화면에 색상을 지정해 주기 위해서 ALV에서 보여줄 테이블의 타입에 LVC_T_SCOL 타입의 필드를 하나 선언한다ALV에 색상 칠하는 방식을 배울 때는 그냥 따라하는데 급해서 몰랐는데 자세히 살펴보니 해당 타입은 테이블이다아주 간단하게 색상 지정하는 방식을 살펴보면gs_layout에는 테이블 타입을 만들 때 작성한 필드 명을 전달하고 이 레이아웃을 set_table_for_first_display..
· ABAP Study
필드 카탈로그를 공부하다가 LVC_FIELDCATALOG_MERGE에 대해서도 한번 찾아보라는 지령을 받아버렸다최근에 듣고있던 ABAP 수업에서는 한번도 본 적 없는데 도대체 어디서 굴러온 함수인지Field CatalogALV에서 Field Catalog는 어떤 필드를 보여줄지, 컬럼 제목 등 표시할 데이터의 포맷을 설정하는 Internal TableDATA: gs_fcat TYPE lvc_s_fcat.DATA: gt_fcat TYPE lvc_t_fcat.Internal Table의 데이터 타입은 lvc_t_fcat이 테이블 타입의 Work Area는 lvc_s_fcat으로 선언해서 사용한다CLEAR gs_fcat.gs_fcat-fieldname = 'CARRID'.gs_fcat-tech = abap_o..
· ABAP Study
ABAP에서 Grid ALV를 제작하다보면 가장 먼저 CL_GUI_CUSTOM_CONTAINER 와 CL_GUI_ALV_GRID라는 Class와 마주하게 된다해당 Class들의 정확한 역할은 무엇이고 Class에 포함되어있다는 Method와 Event는 어떻게 다른걸까?Class객체를 만들기 위한 설계도더 정확히 말하자면 어떤 것에 관련한 데이터와 기능을 하나로 묶어둔 단위해당 단위를 통해서 같은 모양의 객체를 만들 수 있다이 Class 안에 위에서 설명한 것 처럼 Method, Event가 포함되어있고 그 외에도 관련한 데이터를 위한 Attribute 등의 기능을 가진다이런 Class의 내부 요소들을 Class의 Component라고 부른다 UI5 할 때 사용했던 Component와는 의미를 달리한다이..
· Works
Festino축제 가이드를 위한 웹사이트 Festino 제작기 두 번째2025 한국공학대학교 축제(25.05.26 ~ 25.05.28)와 함께 Festino 프로젝트를 다시 진행하게 되었다 이전 프로젝트는축제 웹사이트 Festino 회고록 에서 확인할 수 있다 이번 프로젝트는 이전과 무엇이 다른지, 어떤 일들이 있었고 어떻게 해결했는지 자세히 짚어보려고 한다 팀 구성지난번에 함께했던 백엔드·프론트엔드 팀원 각 한 분은 개인 사정으로 인해 함께하지 못했고,대신 프론트엔드 쪽에 새로운 인원 두 명이 합류하였다 또한 기존 디자인을 기반으로 개발을 진행하며 추가기능 부분에서 디자이너 분의 도움을 약간 받았고, 경영학과의 학생들과 협업하여 이벤트를 기획하고,이후 웹사이트의 데이터 분석을 통해 인기 콘텐츠 파악..
· FE Study
잊어버리기 전에 간단하게라도 정리하는 도커 관련 글 어느정도 퍼블리싱은 마무리가 되는 중에 새로 해야할 일이 생겼다"백에서도 프론트를 확인해야하니 도커파일을 작성해라" 문제가 발생했다도커도, 도커파일도 개념을 모르는 건 아니었는데 도커파일을 작성하는 방법은 모른다도커파일 그거 어떻게 만드는건데...? 뭘 작성하는건데? 오늘 들은 설명을 잊어버리기 전에 기억나는대로 정리해보자📌 도커를 사용하는 이유도커는 개발 환경을 이미지화 시키고 해당 이미지를 이용해서 개발이나 배포환경을 컨테이너화 시킨다그러면 세부적인 환경설정 없이도 다른 환경에서 프로젝트를 실행시킬 수 있게된다📌 도커 이미지란?도커 이미지는 프로그램, 라이브러리, 설정 파일 등을 포함한 실행 가능한 패키지쉽게 말하면 하나의 프로그램을 실행하는 데..
· FE Study
Cache컴퓨터 운영체제에서 캐시란 자주 사용하는 데이터나 값을 미리 복사해 놓는 임시 장소캐시에 데이터를 미리 복사해 놓으면 계산이나 접근 시간 없이 데이터에 접근 가능데이터 접근 속도가 훨씬 빨라지는 효과 임시 저장소에 자주 사용하는 데이터를 적재해놓고 빠르게 엑세스 함을 통해 처리 성능을 높힌다는 개념 자체는 인터넷에도 적용 가능Web Cache웹 브라우저는 서버와 HTTP 프로토콜을 통해 리소스를 서버에서 요청하여 가져오고 이를 사용자에게 제공만약 클라이언트가 이전에 받은 데이터와 똑같은 데이터를 서버에 재요청해서 데이터를 다시 내려받으면 해당 과정은 낭비니까 캐시의 개념을 웹브라우저에 적용한 Cache-Control 사용 HTTP에서 제공하는 헤더 클라이언트가 서버에 접속 할 때, 이미지, JS..
· FE Study
WebView프레임워크에 내장된 웹 브라우저 컴포넌트로 View의 형태로 앱에 임베딩 하는 것즉, 앱에서 웹 브라우저를 이용해 화면을 보여주는 방식네이티브 앱처럼 보이고, 기능 또한 앱과 비슷하게 구현되지만 웹 기술을 활용했다는게 가장 큰 차이점네이티브 앱과 달리 웹 기반이기 때문에 HTML, CSS, JS등을 활용하여 개발 대부분의 앱 서비스들이 네이티브로만 개발하지 않고 일부 페이지는 WebView로 개발해서 넣는다WebView를 사용하는 이유- 기술적인 한계App 내에서 결제 모듈을 이용하는 경우 WebView를 사용하는 경우가 많은데 결제 모듈을 App으로 새로 개발하기에는 시간도 오래걸리고 구현 하기가 어렵기 때문PG 사에서 이미 구현해놓은 결제 모듈과 API르르 사용하면 간단한 일을 굳이 비용..
· FE Study
TerserES6를 위한 자바스크립트 parser, mangler 그리고 compressor아니 저 영어 단어들이 뭔데..?parserParsing은 특정 자료에서 내가 원하는 정보만 가공하고 추출해서 불러올 수 있도록 하는 것해당 파싱을 수행하는 프로그램을 parser라고 한다 생성규칙과 열을 발견하는 프로그램으로서 프로그래밍 언어로 쓰여진 프로그램을 문법 규칙에 따라 해석하고 해당 문법이 맞는지 여부를 조사manglerTerser가 mangler로서 하는 역할은 코드에서 사용한 변수, 함수, 속성들의 이름을 단순화 시키는 것인간이 개발을 할 때는 변수나 함수의 이름에 의미있는 네이밍을 사용하는게 중요하지만, 컴퓨터 입장에서는 의미없는 일그냥 소스파일의 크기가 커질 뿐Terser를 이용하면 코드 최적화..
흐먕
Study Vlog