특이하게도 파이썬에서는 문자열을 더하거나 곱할 수 있습니다. * 곱하기의 경우 거의 파이썬에서만 사용할 수 있는 재미있는 기능이라고 생각합니다. 이번 포스팅에서는 +와 * 연산자를 활용하여 문자열을 더하거나 곱하는 방법에 대해 알아보도록 하겠습니다. 문자열 더하기 ( + 연산자 활용 ) str = "Python is " + "Awesome!" print(str) 결과 : Python is Awesome! 위의 코드를 보시면 아시겠지만 단순하게 "Python is "라는 문자열과 "Awesome"이라는 문자열을 합친 것입니다. 위의 예제처럼 파이썬에서는 + 연산자를 활용하여 복수의 문자열을 하나로 합칠 수 있습니다. 문자열 곱하기 ( * 연산자 활용 ) str = "Python is Awesome!\n" ..
문자열이란 "Hellow World"와 같이 문자들의 집합으로써 텍스트를 나타내는데 사용되는 기본 데이터 유형 중 하나입니다. 파이썬에서는 일련의 문자를 작은따옴표(' '), 큰따옴표(" ") 또는 삼중따옴표(''' ''' 또는 """ """)로 묶어 문자열을 만들 수 있습니다. 파이썬에서 문자열을 생성하는 4가지 방법 # 양쪽에 큰 따옴표 사용하기 str = "Python is Awesome!" # 양쪽에 작은 따옴표 사용하기 str = 'Python is Awesome!' # 양쪽에 큰 따옴표 3개 사용하기 str = """Python is Awesome!""" # 양쪽에 작은 따옴표 3개 사용하기 str = '''Python is Awesome!''' 파이썬에서는 위의 예제처럼 4개의 방법을 통해 ..
Python의 기본 문법을 공부하기 위해서는 먼저 출력문을 알아야 합니다. 그래야 내가 작성한 코드의 결과를 눈으로 볼 수 있으니까요. 파이썬에서는 print() 함수를 사용하여 콘솔에 값을 표시할 수 있는데요 이번 포스팅에서 그 방법을 알아보도록 하겠습니다. 파이썬 출력문 (print 함수) 사용법 Python에서 print() 함수는 콘솔이나 터미널에 출력을 표시하는 데 사용됩니다. 하나 이상의 값 또는 표현식을 출력할 수 있습니다. print() 함수는 내용의 끝에 줄 바꿈 문자를 자동으로 추가하므로 print()를 호출할 때마다 기본적으로 새 줄이 표시됩니다. 문자열 출력 print("Hellow World!") 결과 : Hellow World! 파이썬에서 문자열을 출력하시려면 print("문자열..
변수란 쉽게말해서 '변할 수 있는 값(수)을 저장하는 공간'이라고 정의할 수 있겠습니다. 개발을 할 때 필요한 값을 변수에 저장해 놓으면 소스코드에서 그 값을 변수 네이밍으로 참조할 수 있어 데이터 조작과 개발이 편리해집니다. 이번 포스팅에서는 Python에서 변수를 어떻게 사용하는지에 대해 알아보도록 하겠습니다. 파이썬 변수 사용법 변수 선언 및 할당 # 변수 할당 age = 30 # 정수형 name = "홍길동" # 문자열 name2 = None # 빈값 pi = 3.14 # 실수형 real = True # 논리형 파이썬의 변수를 선언하려면 위의 예제처럼 하시면 됩니다. 파이썬에서 변수를 사용할 때 특이한 점이 있다면 동적으로 유형이 지정되므로 Java나 C처럼 int a, char b 처럼 변수 유..
최근에는 VS Code로 파이썬 개발을 많이 합니다. Visual Studio Code(VS Code)는 Microsoft에서 개발 한 가볍고 다재다능한 코드 편집기입니다. Python 확장이 설치된 VS Code는 IntelliSense, 디버깅, Linting 및 다양한 Python 프레임워크 지원을 통해 뛰어난 Python 개발 환경을 제공합니다. 이번 포스팅에서는 VS Code에서 파이썬 개발 환경 세팅을 하는 방법에 대해 알아보도록 하겠습니다. ※ 이 과정을 진행하기 전에 PC에 파이썬 설치가 안되어 있다면 파이썬을 먼저 설치해 주세요. 파이썬 설치가 되어 있지 않으면 개발 환경 설정이 꼬일 수 있습니다. 아래글 참고 부탁드립니다. [Python] 파이썬 설치 / 다운로드 방법 (Python f..
이번 포스팅에서는 윈도우 운영체제에서 Python을 설치하는 방법에 대해 알아보도록 하겠습니다. 파이썬은 자바처럼 환경변수를 만져야 하는 부분이 없어 설치가 굉장히 간단합니다. 참고로 2021년 9월의 마지막 업데이트를 기준으로 Python 2의 수명이 종료되어 더 이상 지원되지 않으므로 Python 3을 다운로드하여 사용하는 것이 좋겠습니다. 파이썬 설치 / 다운로드 방법 (Python for Windows) 1. 아래 링크된 파이썬 다운로드 사이트에 접속하여 Download Python 버튼을 클릭합니다. 저처럼 Windows 버전으로 파이썬을 다운로드하고 싶으시다면 저 버튼을 클릭하시면 되고 Linux나 macOS처럼 다른 운영체제에서 파이썬을 사용하시려면 아래 하이퍼링크를 클릭하셔서 다운로드하여 ..
파이썬(Python)이란 무엇인가? 파이썬은 1991년에 귀도 반 로썸(Guido van Rossum)이 개발한 고급 프로그래밍 언어입니다. 파이썬이라는 이름은 영국의 코미디 프로그램인 "몬티 파이썬의 날아다니는 서커스"에서 따온 것입니다. 실제로 사용해 보시면 아시겠지만 파이썬은 간결하고 읽기 쉬운 문법을 갖추고 있어 사용자들이 코드를 빠르게 이해하고 작성할 수 있도록 도와줍니다. 또한 파이썬은 인터프리터형 언어로, 컴파일 과정이 필요하지 않고 소스 코드를 직접 실행할 수 있습니다. 이러한 특성으로 인해 파이썬은 배우기 쉽고 개발 속도가 빠른 장점이 있습니다. 또한 파이썬은 확장성과 유연성이 뛰어나기 때문에 다양한 운영체제에서도 사용할 수 있으며 웹 개발, 데이터 분석, 인공지능, 자동화 등 다양한 분..
챗 GPT가 요즘 화제입니다. 저도 잘 사용하고 있는데요. 검색창에 원하는 질문을 입력하면 마치 사람처럼 주저 없이 답변을 해줘서 매우 놀랍습니다. 다만 챗 GPT가 미국의 마이크로소프트가 투자한 오픈 AI인 만큼 대부분의 학습 자료들이 영어로 되어 있어 한글로 질문을 할 시 답변 내용이 잘리고 속도도 다소 느립니다. 그래서 많은 사람들이 번역기를 통해 질문을 만들고 답변을 한글로 번역해서 해석하는 등의 작업을 거치고는 하는데요. 이러한 과정은 매우 번거롭겠죠? 오늘 소개해드릴 프롬프트 지니를 설치하시면 Chat GPT에서 자동으로 영어로 번역을 해주기 때문에 매우 편리합니다. Chat GPT 자동번역 프롬프트 지니 다운로드 / 설치 방법 1. 아래 링크되어 있는 크롬 웹 스토어에 들어가서 "프롬프트 지..
sticky는 영어로 '끈적끈적하다'라는 형용사입니다. position : sticky로 설정하면 끈적끈적하다는 말처럼 스크롤을 계속해서 따라오는 html요소를 생성할 수 있는데요. sticy position으로 설정되어 있는 요소는 스크롤하지 않을 때는 static position처럼 동작하다가 스크롤할 때는 이전 포스팅에서 배웠던 fixed position처럼 작동합니다. 아래 예시를 보시면 이해가 빠르실 겁니다. position : sticky 사용법 See the Pen position : sticky by wjdxo513 (@wjdxo513) on CodePen. top : 상단에서 픽셀만큼 요소를 아래에 고정시킵니다. right : 우측에서 픽셀만큼 요소를 왼쪽에 고정시킵니다. left : 좌..
position : fixed는 문서의 흐름과 상관없이 위치로 좌표로 결정합니다. 브라우저 창(뷰포트)이 기준이 되며 브라우저 창의 왼쪽 위 꼭짓점을 원점으로 두고 좌표가 계산됩니다. 이 position : fixed 속성을 사용하면 이름처럼 브라우저 창을 스크롤하더라도 한 곳에 계속 고정되어 표시됩니다. 이를 활용하여 헤더, 사이드바, 모달 창 등을 구현할 수 있습니다. position : fixed 사용법 See the Pen position : fixed by wjdxo513 (@wjdxo513) on CodePen. top : 상단에서 픽셀만큼 요소를 아래에 고정시킵니다. right : 우측에서 픽셀만큼 요소를 왼쪽에 고정시킵니다. left : 좌측에서 픽셀만큼 요소를 오른쪽에 고정시킵니다. bo..
CSS의 position 속성은 요소의 위치를 배치하는데 사용되는 속성입니다. position 속성을 이용하면 텍스트나 이미지와 같은 특정 html 요소를 나란히 배치할 수도 있고 가로나 세로로 원하는 위치에 배치할 수도 있으며 경우에 따라서는 스크롤을 따라다니거나 화면 한 곳에 고정도 시킬 수 있습니다. CSS position 속성 사용법 CSS position 속성값 static : 기본적으로 설정되는 값으로, 요소를 문서의 흐름에 맞추어 배치합니다. 다른 위치 속성들과 달리 추가 속성을 사용하지 않습니다. relative : 이전 요소에 자연스럽게 연결하여 배치하되 상대적인 위치를 지정할 수 있습니다. top, right, bottom, left 속성을 사용하여 요소를 이동시킬 수 있습니다. abs..
일반적으로 웹에서 테이블을 만드려면 태그를 사용하지만 display : table 속성을 사용해서 HTML 요소를 테이블 형태로 표시할 수도 있습니다. 이번 포스팅에서는 display: table을 사용하여 테이블 형태의 레이아웃을 만드는 방법에 대해 알아보겠습니다. display : table 사용법 See the Pen css display:table by wjdxo513 (@wjdxo513) on CodePen. display: table = 해당 요소를 테이블 컨테이너로 만듭니다. display: table-row = 해당 요소를 테이블 행으로 만듭니다. display: table-cell = 해당 요소를 테이블 열로 만듭니다. 위와 같이 display:table을 사용하여 요소를 테이블 컨테이너..
※ "display: none"은 요소를 화면에서 숨기고 레이아웃에 공간을 차지하지 않게 만드는 데 사용됩니다. 화면에서 특정 요소를 감추고 싶다면 어떻게 해야 할까요? 이럴 때는 주로 CSS의 display속성을 none로 바꿔주면서 요소를 화면에서 감추게 됩니다. "display:none"을 적용한 요소는 브라우저에서 렌더링 되지 않으며, 화면에도 표시되지도 공간을 차지하지도 않습니다. 접근성, 동적 상태 관리, 성능 개선, 애니메이션 등 다양한 목적으로 사용될 수 있으나, 남용에 주의해야 하며, 접근성과 검색 엔진 최적화를 고려해야 합니다. display : none를 사용하는 이유 웹 접근성: 일부 웹 요소는 시각적으로는 표시되지 않지만 스크린 리더와 같은 보조 기술을 사용하는 사용자에게는 필요할..