이번 포스팅에서는 무료 IDE 인 VisualStudioCode ( VSC ) 에서 스프링부트 개발환경을 세팅 해보도록 하겠습니다.VSC 는 무료 개발툴 이기 때문에, 원하는 개발환경을 세팅하기 위해서는 Extension 이라는 탭에서 확장팩 을 설치해줘야 합니다. 바로 세팅해보도록 하겠습니다. # 1.  Extension 설치VSC 가 설치되어 있다고 가정 하고 진행하도록 하겠습니다. VSC 는 여기 에서 설치하실수 있습니다.   비주얼스튜디오코드 왼쪽에 보시면 메뉴가 보입니다.  제일 밑에 있는 블럭 모양 을 클릭합니다. 이제 우리는 자바 와 스프링부트 총 2개를 설치해야 합니다. 1 -1 . Java Extension Pack 설치  검색 창에  ' Java Extension Pack' 을 입력하고..

모바일환경을 위한 만들기 시리즈  이번 포스팅에서는 모바일웹 환경을 위한 모달창, 토스트알림 에 대해 만들어보는 시간을 가져보겠습니다.모달 창은 UI 의 중요한 요소로, 사용자의 주의를 필요로 하는 정보를 표시하기 위해 현재 페이지 위에 오버레이되는 방식으로 나타납니다.  다양한 목적과 상황에 맞게 여러 종류의 모달 창을 사용할 수 있습니다.  모달의 종류에는 팝업모달(Popup Modal), 바텀시트(Bottom Sheet ) , 다이얼로그 (Dialog) , 드로어 (Drawer) 로 크게 나눠볼 수 있는데 이번 만들기 시리즈에서는 토스트알림 을 제공합니다. 원하는 토스트알림 위치 로 지정할 수 있도록 다양한 위치를 적용했습니다. 추후 포스팅 에 드로어뿐 아니라 다양한 만들기 시리즈를 제공하도록 하겠..

이번 포스팅에서는 모바일웹 환경을 위한 모달창, 다이얼로그 에 대해 만들어보는 시간을 가져보겠습니다.모달 창은 UI 의 중요한 요소로, 사용자의 주의를 필요로 하는 정보를 표시하기 위해 현재 페이지 위에 오버레이되는 방식으로 나타납니다.  다양한 목적과 상황에 맞게 여러 종류의 모달 창을 사용할 수 있습니다.  모달의 종류에는 팝업모달(Popup Modal), 바텀시트(Bottom Sheet ) , 다이얼로그 (Dialog) , 드로어 (Drawer) 로 크게 나눠볼 수 있는데 이번 만들기 시리즈에서는 다이얼로그 모달 을 제공합니다.  추후 포스팅 에 드로어 모달창 뿐 아니라 다양한 만들기 시리즈를 제공하도록 하겠습니다.   모바일 환경에서 만들기 시리즈 다른 글 [개발 같이해요/HTML&CSS] - [..

# 1. GPT 무료 와 유료 차이점 ? 일반인들 기준에서 이제 흔히 GPT 라는 용어를 볼 수 있는데 이를 단순히 OpenAI 의 챗gpt 에 국한 되지않고, LLM 서비스 즉 채팅으로 입력하면 인공지능이 답해주는 서비스를 통칭하게 되었습니다 . 이번 포스팅에서는 OpenAI 의 GPT 모델의 무료와 유료의 차이점을 알아보고, 무료로 GPT의 유료 모델의 성능을 내는 서비스를 알아보도록 하겠습니다. GPT 모델의 무료와 유료 비교 표 를 먼저 보시겠습니다. 한달에 약 3만원 을 내고, 쓰지않아도 무료GPT 만으로 나쁘지 않은 결과를 얻을 수 있습니다. 그러나 조금 아쉽다고 느끼는 분들을 위해 무료챗GPT 3종을 준비했습니다. # 2. 무료챗GPT - 뤼튼 (wrtn) 첫번째로는 뤼튼입니다. 뤼튼 바로가..

# 1. 에러명 오늘 뜬 에러는 'local variable 'df' referenced before assignment' 입니다. pandas 라이브러리 를 사용하다가 해당 에러가 발생했습니다. 해결법을 알아보도록 하겠습니다. # 2. 해결방법 1) 함수 내에서 변수를 참조하기 전에 할당하지 않은 경우 def example_function(): print(df) # df를 할당하기 전에 참조하고 있음 df = "Hello, World!" example_function() 해결방법 df 를 할당한 후에 참조함 def example_function(): df = "Hello, World!" print(df) example_function() 2) 함수 내에서 전역 변수를 사용하려고 하는 경우 df = "전..

이번 포스팅에서는 모바일웹 환경을 위한 밑에서 위로 올라오는 모달창인 바텀시트 팝업에 대해 만들어보는 시간을 가져보겠습니다. 모달 창은 UI 의 중요한 요소로, 사용자의 주의를 필요로 하는 정보를 표시하기 위해 현재 페이지 위에 오버레이되는 방식으로 나타납니다. 다양한 목적과 상황에 맞게 여러 종류의 모달 창을 사용할 수 있습니다. 모달의 종류에는 팝업모달(Popup Modal), 바텀시트(Bottom Sheet ) , 다이얼로그 (Dialog) , 드로어 (Drawer) 로 크게 나눠볼 수 있는데 이번 만들기 시리즈에서는 바텀시트 모달 을 제공합니다. 또한, 이번 만들기 시리즈에서는 기본 예제 뿐 아니라, 효과 및 광고 배너 를 추가하려고 합니다. 추후 포스팅 에 다이얼로그, 드로어 등 다양한 모달창을..

IT 프로젝트 에서는 프로젝트 관리 가 매우 중요합니다. 각각 역할에 맞는 업무들을 하나로 연결해 프로젝트가 완성이 되기 때문입니다. PM, PL, PA, PE, QA, QC, BA 란 용어들을 보신적이 있으신가요?? IT 분야가 아닌 분들은 저런 용어들을 보면서 뭘까 싶으실겁니다. 이를테면, 화면 디자인을 하는 디자이너, 데이터를 설계 하는 DBA , 디자이너로부터 받은 디자인을 웹/앱 화면에 나타나도록 개발하는 개발자 등등이 한 프로젝트에 투입되기 때문입니다. 그렇다면 이번 포스팅에서는 실무에서 사용되는 IT 프로젝트/기획 용어에 대해 알아보도록 하겠습니다.   # 1. 용어정리 PM (Project Manager)프로젝트 매니저 ( PM ) 는 프로젝트의 전체적인 관리를 담당합니다. 이는 프로젝트의..

크롬 브라우저로 인터넷 서핑을 하다보면 검색창에 옛날에 검색했던 자동완성 키워드들이 뜹니다. 지우려고 하면 모든 기록 삭제등으로 지울수 있지만, 인터넷 서핑 기록은 남겨두고 싶을수도 있죠. 이번에 알려드리는 정보는 인터넷 검색창에서 자동완성된 키워드를 지우는 방법을 알려드리도록 하겠습니다. # 1. 증상 사이트에서 검색기록이 남아있어 개인정보 등 숨기고싶은 기록이 그대로 남는 증상입니다. # 2. 해결방법 해결 방법은 의외로 간단합니다. 바로 SHIFT + Del 키를 해당 키워드 위에 마우스를 대고 누르시면 됩니다.

한국 VS 태국 최근 기록 2024년 3월21일 오후8시 태국 과의 월드컵 예선 경기 일정이 있는 가운데, 가장 최근 태국과의 경기 기록에 대해 알아보도록 하겠습니다. 가장 최근 태국과의 경기는 2016년 3월 에 있었던 친선경기 입니다. 이 당시 경기 결과는 대한민국의 1:0 승리 ( 석현준 골 ) 이었습니다. 경기전 관람포인트는 이강인 의 하극상 연관 사건후 첫경기 라는 점과 손흥민,김민재 등 해외파 출전,그리고 K리그 에서 뛰는 주민규, 이명재, 정호연 의 국대 소집 , 김문환, 권경원, 백승호 의 국대 소집 , 마지막으로 위르겐 클린스만 감독 경질 후 황선홍 감독의 첫경기인 만큼 선수들을 어떻게 평가하고 어떻게 기용 할것인가 그리고 승리를 할 수 있을까 로 생각됩니다. 한국 VS 태국 월드컵 예..

이번 포스팅에서는 모바일웹 환경을 위한 모달창을 만들어 보도록 하겠습니다. 모달 창은 UI 의 중요한 요소로, 사용자의 주의를 필요로 하는 정보를 표시하기 위해 현재 페이지 위에 오버레이되는 방식으로 나타납니다. 다양한 목적과 상황에 맞게 여러 종류의 모달 창을 사용할 수 있습니다. 모달창은 알림 모달 (Alert Modal) , 확인 모달 (Confirmation Modal), 입력 모달 (Input Modal), 로딩 모달 (Loading Modal) 등이 있습니다. 이번에 만들 모달창 안에 원하시는 유형으로 변경해서 사용하시면 됩니다. 또, 모달의 종류에는 팝업모달(Popup Modal), 바텀시트(Bottom Sheet ) , 다이얼로그 (Dialog) , 드로어 (Drawer) 로 크게 나눠볼 ..