본문 바로가기

전체 글165

프론트엔드 개발언어: HTML, CSS, JS(Java Script) 차이에 대해 배워보자 이전 시간에는 프론트엔드, 백엔드 그리고 풀 스택 개발에 대한 간단한 정의에 대해 살펴봤습니다. 이번 시간에는 프론트엔드 개발에 사용되는 HTML, CSS, JS(Java Script)에 대해 배워 보겠습니다. HTML, CSS, JS의 정의와 차이 스타벅스 홈페이지입니다. 상단에는 커피, 메뉴부터 로그인까지 다양한 기능을 포함한 메뉴창이 있습니다. 다양한 음료 이미지와 알록달록한 텍스트가 보입니다. HTML(Hyper Text Markup Language) 언어는 웹 앱(웹 애플리케이션의 줄임말, 홈페이지를 의미)의 뼈대를 구성하는 언어입니다. 하이퍼 텍스트(Hyper Text)는 링크 같은 개념이고, Markup은 만들다는 의미인데요. 따라서 HTML 언어는 링크의 개념을 활용하여 웹 앱의 제목, 문.. 2023. 7. 21.
프론트엔드? 백엔드? 풀 스택 개발? 프론트엔드, 백엔드, 풀 스택 개발 프론트엔드와 백엔드의 구분은 사람의 눈에 보이느냐, 보이지 않느냐의 차이로 보셔도 무방합니다. 브라우저(구글, 크롬, 엣지 등)를 통해 넷플릭스 공식 홈페이지에 접속했다고 가정하겠습니다. 우리는 거기서 계정 정보에 대해 조회할 수 있고, 요금제를 변경하는 등 홈페이지와 상호 작용을 할 수 있습니다. 홈페이지처럼 사용자가 눈으로 볼 수 있고, 소통하는 접점과 관련된 웹 애플리케이션을 개발하는 분야를 프론트엔드 개발이라고 합니다. (프론트엔드 개발은 쉽게 말해 웹 페이지를 만드는 것입니다.) 반면, 사용자가 눈으로 보기는 어렵지만 분명히 존재하는 데이터 베이스와 같은 서버 측 개발 분야를 백엔드 개발이라고 합니다. 사용자는 프론트엔드를 통해 간접적으로 백엔드 서비스를 이용.. 2023. 7. 20.
[파이썬/Python] 인덱싱과 슬라이싱: 음수 인덱스가 어려워요. 문자열과 리스트의 인덱스 문자열과 리스트는 Iterable(순회할 수 있는) 객체입니다. 문자열은 여러 개의 문자들을 모아 놓은 배열이고, 리스트는 다양한 값을 모아 놓은 배열입니다. 이 두 자료형의 원소에는 위의 그림처럼 인덱스(순서)가 있습니다. 편의 상 왼쪽에서부터 오른쪽으로 향하는 방향을 정순(정방향), 오른쪽에서부터 왼쪽으로 향하는 방향을 역순(역방향)이라고 하겠습니다. 인덱스에는 대소 관계가 있는데요. 정순이라면 왼쪽의 인덱스일수록 작은 값입니다. 역순이라면 오른쪽의 인덱스일수록 작은 값입니다. 파이썬에서 인덱싱과 슬라이싱을 잘 활용하시려면 인덱스의 대소 관계를 정확히 알고 계셔야 합니다. 인덱싱(Indexing)과 슬라이싱(Slicing) 인덱싱(Indexing)은 문자열이나 리스트와 같은 .. 2023. 7. 19.
[파이썬/Python] 문제를 풀며 정규 표현식 연습하기 기초편 저는 개인적으로 정규 표현식은 연습 문제를 풀면서 공부하는 것이 가장 좋다고 생각합니다. 이번 시간에는 연습 문제를 제공해 주는 사이트의 문제를 하나씩 풀면서 메타 문자를 활용하는 연습을 진행하겠습니다. (참고로 모든 문제를 리뷰하지는 않고, 도움이 될 만한 문제만 선정하여 리뷰할 예정입니다.) 연습 문제 사이트는 여기를 참고해 주시고, 메타 문자 표는 여기를 참고해 주세요. 정규 표현식 연습 문제와 파이썬 코드 문제 1 : 조커 카드 dot(.)과 문자열의 끝 확인($) 위의 세 개의 문자열은 매치하고 마지막 문자열인 abc1은 제외하는 정규 표현식을 작성해 보겠습니다. 먼저 규칙을 살펴보면 위의 세 개의 문자열은 마침표로 끝나고 마지막 문자열은 마침표가 없습니다. 여기서 '문자열의 마지막은 마침표(... 2023. 7. 15.
[파이썬/Python] 정규 표현식 1탄: 메타 문자 활용 및 re 메서드 기초 이전 시간에는 정규 표현식의 정의에 대해 배웠습니다. 이번 시간에는 원하는 규칙의 문자열을 얻기 위해 정규 표현식 사이트와 파이썬을 어떻게 활용하는지에 대한 기초적인 실습을 해보도록 하겠습니다. 파이썬 정규 표현식 파이썬에서는 정규 표현식을 표준 라이브러리인 're'에서 지원합니다. 사용법은 다음과 같습니다. 1. 사용자가 정의한 정규 표현식을 담은 인스턴스(re.Pattern)를 생성한다. 2. 인스턴스의 메서드를 활용하여 정규 표현식에 일치하는 문자열을 매치(match)한다. # 파이썬 정규 표현식 문법 import re p = re.compile('사용자가 정의한 정규 표현식') p.메서드 아래 print 문의 출력 결과를 살펴보겠습니다. 're.Pattern'이라는 Class Instance가 생.. 2023. 7. 14.
정규 표현식이란? 개념과 공부 방법에 대해 알려 드립니다. 정규 표현식의 정의 문자열의 규칙을 찾아서 정규 표현식(Regular Expression)이란 특정한 규칙을 가진 문자열의 집합을 다루는 데 사용하는 형식 언어입니다. 다양한 프로그래밍 언어에서 문자열의 검색과 치환을 위해 정규 표현식을 지원합니다. (미국의 수학자 스티븐 클레이니가 정규 표현식의 개념을 설립했습니다.) 정규 표현식은 왜 알아야 할까요. 텍스트를 활용하여 부가 가치를 창출하기 위해서입니다. 우리는 일상생활에서 방대한 양의 텍스트 데이터를 생산하고 이를 활용하여 부가 가치를 창출합니다. 인공 지능(자연어 처리)되기도 하고요. 크롤링(Html)에 활용되기도 합니다. 이때, 텍스트 데이터를 효과적으로 활용하기 위해서는 필요한 텍스트와 불필요한 텍스트를 구분해야 하는데요. 컴퓨터 입장에서는 모든.. 2023. 7. 14.

티스토리툴바