본문 바로가기

분류 전체보기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.