반응형

전체 글 138

[에러] local variable 'df' referenced before assignment

# 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 = "전..

[ CSS ] 모바일 환경을 위한 모달창 만들기 - 바텀시트

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

[ IT 프로젝트 관리 ] PM, PL, PA, PE, QA, QC, BA 등 용어 정리

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

[ 정보 ] 크롬 인터넷 검색창 검색기록 자동완성 지우는 방법

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

[ 정보 ] 한국 VS 태국 월드컵 예선전 피파랭킹차이 및 경기중계

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

[ CSS ] 모바일 환경을 위한 모달창 만들기 - 팝업모달

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

[ 프론트엔드 ] UI / UX 디자인 참고 사이트 추천 5종

프론트엔드 UI 를 작업할때, 제일 고민되는 부분이 어떻게 디자인 해야하냐 는 것 입니다. 이럴때 즐겨찾기에 등록해두고 참고할수있는 사이트 5가지 를 추천 드리도록 하겠습니다. 디자이너의 디자인 프로세스를 개선하고 , 최신 트렌드를 파악하는데 도움이 될 것 입니다 Screenlane - 사이트, 앱 디자인패턴 참고 Screenlane은 최신 모바일 UI 디자인 아이디어를 매주 무료로 업데이트하여 메일함으로 직접 전송하는 웹사이트입니다. 엄선된 UI 디자인 패턴과 예제를 통해 모바일 플랫폼의 최신 디자인 트렌드와 영감을 얻을 수 있으며, 이 분야에 관심이 있는 29,458명 이상의 디자이너 및 제품 담당자와 함께할 수 있습니다. 이 사이트의 가장 좋은점은 실제 서비스 되는 앱, 웹 의 화면을 볼수있다는 것..

[ 경제 ] 가치투자와 성장투자 란 무엇인가요?

안녕하세요, 저번 포스팅에서 ETF 란 무엇인가에 대해 알아보았습니다. 오늘은 '가치투자'와 '성장투자'에 대해 알아보도록 하겠습니다. 주식 이라는 분야가 생소하신 분들을 위해 쉽고 이해하기 쉬운 방식으로 설명해드리도록 하겠습니다. # 1. #1. 가치투자 란 무엇인가요? 가치투자는 장에서 과소평가된 주식을 찾아 투자하는 전략입니다. 이러한 주식은 일반적으로 그들의 본질적 가치에 비해 낮은 가격으로 거래됩니다. 가치 투자의 핵심은 장기적인 관점을 가지고, 안정적인 수익을 창출할 수 있는 기업에 투자하는 것입니다. 이는 마치 세일 기간에 질 좋은 옷을 저렴한 가격에 구입하는 것과 비슷합니다. 가치 투자의 장점은 시장의 단기적인 변동성에 덜 민감하고, 장기적으로 안정적인 수익을 기대할 수 있다는 점입니다. ..

[ CSS ] 모바일 환경을 위한 다크모드 토글 만들기

스마트폰 사용이 일상화된 오늘날, 사용자들은 다양한 조명 환경에서 장시간 디바이스를 사용합니다. 이에 따라, 앱과 웹사이트의 다크모드 지원은 더 이상 선택이 아닌 필수가 되었습니다. 다크모드는 눈의 피로를 줄이고, 배터리 수명을 연장하는 등 여러 이점을 제공합니다. 이 포스팅 에서는 HTML, CSS, JavaScript를 사용하여 모바일 환경에 적합한 다크모드 토글 버튼을 만들어 보도록 하겠습니다. 이전포스팅에서 만들었던 다양한 작업을 아래 포스팅에서 확인 하실 수 있습니다. 모바일 환경에서 UI/UX 만들기 시리즈 [개발 같이해요/HTML&CSS] - [ CSS ] 모바일 환경을 위한 CSS 햄버거 메뉴 만들기 [ CSS ] 모바일 환경을 위한 CSS 햄버거 메뉴 만들기 햄버거 메뉴는 모바일 환경에서..

[ CSS ] 모바일 환경을 위한 스크롤애니메이션 만들기

스마트폰으로 화면을 내릴때 글자가 밑에서부터 부드럽게 생기는 효과를 본적 있으신가요? 이런 애니메이션 효과가 바로 스크롤애니메이션 입니다. 저번 포스팅에서는 모바일 환경을 위한 햄버거 메뉴 만들기 를 진행했습니다. 이번 포스팅에서는 모바일 환경에서 스크롤 애니메이션 페이지를 만드는 과정을 초보자도 이해하기 쉽도록 단계별로 설명하겠습니다. 이 예제에서는 스크롤에 따라 요소가 나타나는 간단한 애니메이션을 구현할 것입니다. HTML, CSS, 및 JavaScript를 사용하여 구현합니다. [개발 같이해요/HTML&CSS] - [ CSS ] 모바일 환경을 위한 CSS 햄버거 메뉴 만들기 [ CSS ] 모바일 환경을 위한 CSS 햄버거 메뉴 만들기 햄버거 메뉴는 모바일 환경에서 주로 사용되는 네비게이션 메뉴입니다..

반응형