AMoon - 개발자의 각종 개발 정보 공유

CSS Flexbox 레이아웃 모델은 복잡한 레이아웃을 쉽게 구성할 수 있도록 도와줍니다. 이 모델의 핵심 개념 중 하나가 바로 플렉스 컨테이너(flex container) 입니다. 이번 포스팅 에서는 Flex Container의 역할, 설정 방법, 그리고 다양한 속성에 대해 자세히 알아보겠습니다.   그 외에 CSS modal 등 다양한 CSS 의 효과들이 궁금하시다면 아래 포스팅을 참고해주세요 ✅  애니메이션 [ CSS ] 모바일 환경을 위한 스크롤애니메이션 만들기 [ CSS ] 모바일 환경을 위한 스크롤애니메이션 만들기스마트폰으로 화면을 내릴때 글자가 밑에서부터 부드럽게 생기는 효과를 본적 있으신가요? 이런 애니메이션 효과가 바로 스크롤애니메이션 입니다. 저번 포스팅에서는 모바일 환경을 위한 햄it..

이번 포스팅에서는 파이썬 에서 쓰이는 리스트와 튜플이 무엇인지, 그 차이점은 무엇인지, 그리고 실무 프로젝트에서 어떻게 사용하는지에 대해 알아보겠습니다.   그 외에 파이썬의 연사자 와 함수 에 대해 궁금하시면 아래 포스팅을 같이 참고해주세요 ✅  연산자 문법 정리 [ 파이썬 ] 비교 연산자 문법 정리 ( ==, !=, >, =, , =,  [ 파이썬 ] 비교 연산자 문법 정리 ( ==, !=, >, =, 비교 연산자는 두 값을 비교하는 데 사용되는 연산자 유형입니다. 이번 포스팅에서는 파이썬 에서 쓰이는 비교 연산자 를 정리해보도록 하겠습니다. # 1. 비교 연산자 란? 연산자는 두 피연산자it-ability.tistory.com [파이썬] 산술 연산자 문법 정리 ( + , - , * , / , % ,..

이번 포스팅에서는 파이썬 에서 쓰이는 join() 함수 를 예제를 통해 정리해보도록 하겠습니다. Python에서 문자열을 조작하는 함수중 하나인 join() 함수 입니다.join() 함수의 기본적인 사용법과 예제, 그리고 실무 프로젝트에서 어떻게 활용할 수 있는지를 자세히 살펴보겠습니다.  그 외에 파이썬의 연사자 와 함수 에 대해 궁금하시면 아래 포스팅을 같이 참고해주세요 ✅  연산자 문법 정리 [ 파이썬 ] 비교 연산자 문법 정리 ( ==, !=, >, =, , =,  [ 파이썬 ] 비교 연산자 문법 정리 ( ==, !=, >, =, 비교 연산자는 두 값을 비교하는 데 사용되는 연산자 유형입니다. 이번 포스팅에서는 파이썬 에서 쓰이는 비교 연산자 를 정리해보도록 하겠습니다. # 1. 비교 연산자 란?..

이번 포스팅에서는 파이썬 에서 쓰이는 len() 함수 를 예제를 통해 정리해보도록 하겠습니다. Python에서 데이터의 길이나 크기를 확인하는 작업에서 많이 사용되는 함수가 len() 함수입니다.len() 함수의 기본적인 사용법과 예제, 그리고 실무 프로젝트에서 어떻게 활용할 수 있는지를 자세히 살펴보겠습니다.  그 외에 파이썬의 연사자 와 함수 에 대해 궁금하시면 아래 포스팅을 같이 참고해주세요  ✅연산자 문법 정리 [ 파이썬 ] 비교 연산자 문법 정리 ( ==, !=, >, =, , =,  [ 파이썬 ] 비교 연산자 문법 정리 ( ==, !=, >, =, 비교 연산자는 두 값을 비교하는 데 사용되는 연산자 유형입니다. 이번 포스팅에서는 파이썬 에서 쓰이는 비교 연산자 를 정리해보도록 하겠습니다. # ..

이번 포스팅에서는 파이썬 에서 쓰이는 split() 함수 를 예제를 통해 정리해보도록 하겠습니다. Python에서 문자열을 조작할때 제일 많이 쓰이는 함수중 하나가 split() 함수입니다. split() 함수의 기본적인 사용법과 예제, 그리고 실무 프로젝트에서 어떻게 활용할 수 있는지를 자세히 살펴보겠습니다.  그 외에 파이썬의 연사자 에 대해 궁금하시면 아래 포스팅을 같이 참고해주세요 [ 파이썬 ] 비교 연산자 문법 정리 ( ==, !=, >, =, , =,  [ 파이썬 ] 비교 연산자 문법 정리 ( ==, !=, >, =, 비교 연산자는 두 값을 비교하는 데 사용되는 연산자 유형입니다. 이번 포스팅에서는 파이썬 에서 쓰이는 비교 연산자 를 정리해보도록 하겠습니다. # 1. 비교 연산자 란? 연산자는..

저번포스팅으로 비교,산술,논리 연산자에 대해 알아보았습니다.이번 포스팅에서는 파이썬 에서 쓰이는 할당 연산자 를 예제를 통해 정리해보도록 하겠습니다.  할당 연산자(Assignment Operators)는 변수에 값을 할당하거나 기존 변수 값을 변경하는 데 사용됩니다. 할당 연산자는 주로 산술 연산자와 결합되어 사용되며, 코드를 더 간결하게 작성할 수 있게 합니다.  비교연산자와 산술연산자, 논리연산자 에 대해 궁금하시면 아래 포스팅을 같이 참고해주세요 [ 파이썬 ] 비교 연산자 문법 정리 ( ==, !=, >, =, , =,  [ 파이썬 ] 비교 연산자 문법 정리 ( ==, !=, >, =, 비교 연산자는 두 값을 비교하는 데 사용되는 연산자 유형입니다. 이번 포스팅에서는 파이썬 에서 쓰이는 비교 연산..

논리 연산자는 주로 bool 값(True 또는 False)을 반환 할때사용되는 연산자 유형입니다. 이번 포스팅에서는 파이썬 에서 쓰이는 논리 연산자 를 예제를 통해 정리해보도록 하겠습니다. 비교연산자와 산술연산자 에 대해 궁금하시면 아래 포스팅을 같이 참고해주세요함께 보면 좋은 글 [ 파이썬 ] 비교 연산자 문법 정리 ( ==, !=, >, =, , =,  [ 파이썬 ] 비교 연산자 문법 정리 ( ==, !=, >, =, 비교 연산자는 두 값을 비교하는 데 사용되는 연산자 유형입니다. 이번 포스팅에서는 파이썬 에서 쓰이는 비교 연산자 를 정리해보도록 하겠습니다. # 1. 비교 연산자 란? 연산자는 두 피연산자it-ability.tistory.com [파이썬] 산술 연산자 문법 정리 ( + , - , * ..

이번 포스팅에서는 무료 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] - [..