728x90 전체 글410 CSS란? ※ 본 게시물은 컴퓨터 및 프로그래밍을 공부중인 비전공자가 개인적인 공부를 위해 적어둔 것으로 내용이 정확하지 않을 수 있으며, 언제든지 추가되거나 수정될 수 있음. 프론트엔드 영역의 대표적인 언어인 HTML, CSS, JavaScript는 각각의 역할이 있다. HTML은 웹의 뼈대와 구조를 만들고, CSS는 그 구조를 가지고 스타일링을 통해 사용자 중심의 인터페이스를 만든다. 마지막으로 JavaScript는 정적인 페이지를 동적인 페이지로 만들어 페이지 간 혹은 콘텐츠 간의 상호연결을 가능하게 한다. 이러한 점에서 프론트엔드 영역의 궁극적인 목적은 UI/UX를 고려하여 사용자에게 편리한 사용 경험을 제공하는 웹을 개발을 하는 것이라고 할 수 있다. 그 중에 스타일링 언어인 CSS는 UI/UX를 고려하여.. 2022. 8. 23. HTML의 코드를 보며 기본 구조와 태그를 알아보자. ※ 본 게시물은 컴퓨터 및 프로그래밍을 공부중인 비전공자가 개인적인 공부를 위해 적어둔 것으로 내용이 정확하지 않을 수 있으며, 언제든지 추가되거나 수정될 수 있음. 웹 개발자라면 기본적으로 알아야 할 HTML의 기본 구조를 아래 HTML 문서와 코드를 통해 알아보자. 2022. 8. 23. HTML이란? ※ 본 게시물은 컴퓨터 및 프로그래밍을 공부중인 비전공자가 개인적인 공부를 위해 적어둔 것으로 내용이 정확하지 않을 수 있으며, 언제든지 추가되거나 수정될 수 있음. HTML이란? HyperText Markup Language의 약자로, 웹페이지의 내용과 뼈대를 정해진 규칙으로 기술하는 마크업 언어이다. 웹페이지를 생성하는 데에 있어 전체적인 구조를 만드는 언어라고 할 수 있다. HTML은 Tag들의 집합이다. 여기서 Tag란 부등호()로 묶인 HTML의 기본 구성 요소이다. Welcome to Suzumall!!! This is suzumall. thank you :) 웹사이트 스즈몰의 HTML 코드 위의 예시를 보면 알 수 있듯이 html은 기본적으로 트리구조(Tree Structure)로 되어있으며.. 2022. 8. 23. IntelliJ 단축키 정리(MAC용) Context Action Option + Enter : IntelliJ가 context를 생성 및 수정을 제안해준다.(에러 사전 방지 등 시간 절약 가능) Search Everywhere Shift, ShIft : 전체 검색 Search Action Command + Shift + A Lookup Menu Control + Space : Intellij가 코드의 완성을 위해 제안해준다. Expand and shirink the code selection Option + ↑ 1번 : 단어선택 Option + ↑ 2번 : 문장 선택 Option + ↑ 3번 : "" 인용 부호 포함 문장 선택 Option + ↑ 4번 : 전체 선택 Option + ↓ : 반대로 돌아가기 (if 문 등에서 )Option + .. 2022. 8. 22. 프론트엔드와 백엔드의 차이 ※ 본 게시물은 컴퓨터 및 프로그래밍을 공부 중인 비전공자가 개인적인 공부를 위해 적어둔 것으로 내용이 정확하지 않을 수 있으며, 언제든지 추가되거나 수정될 수 있음. 이전 글을 읽고 오시면 보다 쉽게 이해할 수 있습니다 :) 웹 클라이언트와 웹 서버(작성중) ※ 본 게시물은 컴퓨터 및 프로그래밍을 공부중인 비전공자가 개인적인 공부를 위해 적어둔 게시물로 내용이 정확하지 않을 수 있으며, 언제든지 추가되거나 수정될 수 있음. 당신은 쇼핑몰을 suzuworld.tistory.com 웹 개발자에 관심이 있는 사람이라면 누구나 들어봤을 단어인 프론트엔드와 백엔드. 오늘은 이 두 단어의 정확한 뜻을 알아보고자 한다. 위의 그림은 가상 쇼핑몰 앱의 구동 방식이다. 우리가 쇼핑몰 앱을 이용하기 위해서는 클라이언트라.. 2022. 8. 22. 웹 클라이언트와 웹 서버 ※ 본 게시물은 컴퓨터 및 프로그래밍을 공부 중인 비전공자가 개인적인 공부를 위해 적어둔 것으로 내용이 정확하지 않을 수 있으며, 언제든지 추가되거나 수정될 수 있음. 당신은 쇼핑몰을 운영하는 사장이며, 상품의 온라인 판매를 위해 쇼핑몰 앱을 만들었다고 가정하자. 당신은 앱에 판매하려고 하는 상품을 등록할 것이다. 이때 상품에 대한 정보가 모두 앱 안에 들어가 있다면 어떻게 될까? 새로운 상품을 등록하거나 상품의 재고 현황 반영 등 수정이 필요할 때마다 일일이 앱 전체를 업데이트해야 한다. 매장 내에 재고가 하나 줄어들었다면 앱 내의 재고 현황에 반영해야 할 텐데 변경사항이 있을 때마다 매번 업데이트한다면 여간 번거로운 일이 아닐 수 없다. 현실에서는 실현 불가능에 가까운 운영방식이다. 온라인 결제 역시.. 2022. 8. 22. 프로그래밍 관련 용어 정리 ※ 본 게시물은 컴퓨터 및 프로그래밍을 공부중인 비전공자가 개인적인 공부를 위해 적어둔 것으로 내용이 정확하지 않을 수 있으며, 언제든지 추가되거나 수정될 수 있음. 프로그래밍(Programming) 프로그램을 만드는 과정으로, 알고리즘을 프로그래밍 언어를 사용해 코드로 작성하는 과정을 의미함. 빌드(Build) 사람이 작성한 소스코드를 실행 가능한 산출물로 변환시키는 과정으로, 실행 파일로 만들어주는 빌드 과정이 있어야 하나의 프로그램으로 완성됨 컴파일(Compile) 사람이 프로그래밍 언어로 작성한 소스 코드를 컴퓨터가 이해할 수 있게 기계어 코드로 '번역'하는 과정이며, 컴파일은 빌드 과정에 포함된다. 통합개발환경(Integrated Development Environment, IDE) 코드를 작성.. 2022. 8. 22. 컴퓨터의 구성요소 컴퓨터란? - 입력받은 데이터를 정해놓은 규칙대로 처리하고, 그 처리결과를 저장하여 출력하는 전자 장치. 컴퓨터의 구성요소 소프트웨어 물리적인 형태가 존재하지 않음, 사람의 의식이나 정신과 유사 - 시스템 소프트웨어(System Software) 응용소프트웨어를 실행하기 위한 플랫폼 역할을 하며 하드웨어와 소통함 ex) : 운영체제, 런타임 환경, 장치 드라이버 등 - 응용 소프트웨어(Application Software) 일반적인 프로그램을 말함 하드웨어 컴퓨터를 구성하는 기계적 장치들의 집합 - 중앙처리장치(Central Processing Unit, CPU) 프로그램 실행과 데이터의 처리를 다룸. 제어장치, 연산장치, 레지스터로 구성 - 기억장치 보조기억장치 반영구적 저장 가능, 큰 용량 저장, 데.. 2022. 8. 22. 이전 1 ··· 48 49 50 51 52 다음 728x90
