들어가며 프레임워크와 라이브러리는 소프트웨어 개발에서 재사용 가능한 코드의 모음을 의미하지만 구조와 사용 방식에 있어서 차이점이 있다. 프레임워크(Framework) ✅ 무언가를 만드는데 필요한 모든 것이 갖춰져서 제공되는 것 UI, Routing, HTTP Clients, State Management 등이 제공되어 프로젝트를 구현하는데 필요한 모든 것들이 제공된다. 애플리케이션 흐름을 프레임워크가 관리하고, 개발자는 프레임워크 내에서 정해진 방식에 따라 코드를 작성하게 된다. 정해진 방식에 따라서 개발하는 환경이기에 어떤 라이브러리를 사용할지와 같은 고민을 하지 않을 수 있지만, 프레임워크에서 제공하는 내용들을 익혀야 하므로 진입장벽이 상대적으로 높고 자율성이 떨어진다는 단점이 있다. 라이브러리(Li..
CSS 선택자 CSS 선택자는 스타일을 적용할 HTML 요소를 지정하거나 선택하기 위한 규칙이다. 선택자를 사용하여 원하는 요소를 대상으로 하여 특정 스타일을 적용할 수 있다. CSS에는 다양한 유형의 선택자가 있으며 크게 기본 선택자, 복합 선택자, 가상 클래스 선택자, 가상 요소 선택자, 속성 선택자로 나뉜다. 각각 특정 목적에 따라 요소를 선택하는 데 사용되며, 자주 사용하는 선택자를 정리해보고자 한다. 기본 선택자 전체 선택자 태그 선택자 클래스 선택자 ID 선택자 전체 선택자(Universal Selector) '*'(Asterisk)은 모든 요소를 선택하는 전체 선택자이다. 복합 선택자와 함께 사용하여 범위 내 모든 요소를 선택하는 개념으로 사용하곤 한다. * { color: red; } 전체..
CSS 선언 방식 CSS 선언방식은 크게 4가지 방식으로 이루어져 있다. 인라인 방식 내장 방식 링크 방식 @import 방식 인라인 방식(Inline Style) HTML 요소의 style 속성에 직접 스타일을 작성하는 방식이다. 인라인 스타일은 해당 HTML 요소에만 적용되고, 각 요소마다 별도로 스타일을 지정할 수 있다. 여러 스타일을 선언할 때는 세미콜론(;)으로 구분한다. Hello, World! 인라인 스타일은 다른 선언방식에 비해 우선순위가 높아서, 같은 선택자 스타일을 오버라이드한다. 각 HTML 요소에 대해 스타일을 개별적으로 선언해야 하므로 유지보수가 어렵다. 재사용이 불가능하므로, 동일 스타일을 여러 요서에 적용하려면 각 요소마다 스타일을 선언해야 한다. 인라인 방식은 특정 요소에 빠..
CSS란? Cascading Style Sheets의 약자로, 웹 페이지의 레이아웃이나 스타일을 정의하는 언어이다. HTML로 작성된 웹 페이지의 내용과 구조를 꾸며주는 역할을 하며 텍스트 색상, 크기, 폰트, 여백, 패딩, 테두리 등을 지정할 수 있다. 구조 선택자 { 속성: 값; 속성: 값; ...; } CSS 규칙은 선택자와 중괄호 {} 사이 속성 집합으로 구성된다. 1. 선택자(Selector) 스타일(CSS)을 적용할 대상으로 특정 요소나 요소 그룹을 선택하는 데 사용한다. 타입 선택자(Type Selectors) : 요소 이름 기반으로 선택한다(h1, p, div). 클래스 선택자(Class selectors) : 요소 class 속성 기반으로 선택한다(.클래스값). ID 선택자(ID sele..
HTML 메타데이터 HTML 메타데이터는 웹 페이지에 관한 정보를 제공하는 데이터로서, 웹 페이지의 콘텐츠 자체와는 다르게 주로 브라우저나 검색 엔진에게 페이지에 대한 추가적인 정보를 제공하기 위한 것이다. HTML 문서에서 메타데이터는 주로 ... attributes charset Character set의 약어로 문서의 문자 인코딩을 정의하는 속성이며, 우선 인코딩 개념을 이해할 필요가 있다. 인코딩(encoding)은 정보의 형태나 형식을 변환하는 과정이다. 컴퓨터는 데이터를 바이트와 비트로 처리하기 때문에, 사람이 이해하는 형태의 데이터(텍스트, 이미지, 사운드)를 바이트와 비트로 변환하는 과정이 필요하다. 이러한 변환 과정을 인코딩이라고 한다. `charset="UTF-8"`로 문서 문자 인코딩..
HTML 기본구조 HTML(HyperText Markup Language)은 웹 페이지를 만들기 위한 표준 마크업 언어이다. 웹 페이지의 구조와 내용을 정의하는 데 사용되며, 웹 페이지의 제목, 텍스트, 이미지, 링크, 리스트, 테이블 등 여러 요소를 표현할 수 있다. DOCTYPE(DTD, Document Type Definition)은 문서의 맨 처음에 위치하여 해당 문서의 버전과 유형을 정의하며, 웹 브라우저가 어떤 HTML 버전의 해석 방식으로 페이지를 이해하면 되는지 또는 렌더링해야 하는지를 알려주는 용도이다. 은 HTML5를 나타내는 선언으로 간소화되어 단순한 형태로 표현되고 있지만, HTML5 이전에는 다양한 DOCTYPE 선언이 있었다. - HTML 4.01 Strict: - HTML 4...
Raycast는 무엇일까? 'Spotlight', 'Alfred'와 유사한 기능을 제공하는 Raycast는 macOS용 애플리케이션으로 생산성을 향상하기 위해서 설계되었다. Raycast를 사용하여 단축키를 통해 다양한 작업을 빠르게 실행할 수 있다. Raycast 설치 및 기본설정 Raycast는 아래 링크에서 설치가 가능하다. https://www.raycast.com/ Raycast - Supercharged productivity Raycast lets you control your tools with a few keystrokes. It's designed to keep you focused. www.raycast.com Raycast를 편리하게 사용하기 위해서 기존 Spotlight 단축키인 ..
국비교육을 수강하고 스스로에게 아쉬웠던 부분이 많았기에 다른 교육인 부트캠프를 추가로 듣기를 마음먹었다. 교육을 듣기 위해서는 돈이 필요했고 수강 시작까지 3개월 안에 생각보다 많은 돈을 마련해야 했다. ‘굳이 3개월 동안 공부할 시간 허비하고 고생을 사서 하냐?’라고 생각하는 사람도 있을 것이다. 맞다. 굳이 이 교육이 아니더라도 충분히 다른 방법도 있지만 나는 이 교육을 꼭 들어야만 할 것 같았고, 물류센터에서 일하면서 게을렀던 나를 채찍질하고, 하고 싶은 무언가를 위해 노력해보고 싶었다. 본론으로 들어가서 김포 마켓컬리 근무에 대해서 자세하게 이야기를 풀어보겠다. 출근 신청부터 출근까지 마켓컬리 신청은 알바몬에서 ‘김포 마켓컬리’를 검색하면 S팀, K팀, W팀 등등 여러 팀이 나온다. 딱히 어느 팀..
개요 일단은 조건에 만족시 구문을 벗어나게 하려고 정확히 이해하지도 않고 break, continue를 남발하게 되었지만 내가 원하는대로 프로그램이 흘러가지 않았다. break문과 continue문이 어떻게 작동하는지 정리해보자. 1. break문 break문은 자신이 포함된 가장 가까운 반복문을 벗어난다. 다음 그림을 보고 break;문이 어느 범위를 벗어나고 어떤 결과가 출력될지 예상해보자. 결과는? 1번 2번 4번 3번은 출력되지 않았다. 3번이 출력될 줄 알았다면 아마도 if조건문을 반복문으로 착각하여 "if(){ }문을 벗어나겠구나!"라고 생각했을 것이다. break문은 현재 while반복문 내 if조건문에 포함되어 있다. break;문을 만나게 되면 가장 가까운 반복문인 while문 전체를 벗..
개요 이클립스를 사용하여 'JAVA의 정석' 공부중 소스파일 가져오기 하고 나서 이클립스가 실행되지 않는 오류가 발생했다. 왜 이러한 오류가 발생했는지 살펴보던 중 JRE가 1.8이 아닌 15.0으로 되어 있는 점이 달라서 JRE가 무엇인지 알아보기로 한다. JRE란? '자바 런타임 환경(Java Runtime Environment, JRE)'은 다른 소프트웨어를 실행하기 위해서 고안되는 일종의 소프트웨어이며 '자바 개발 키트(Java Development Kit, JDK)'와 '자바 가상 머신(Java Virtual Machine, JVM)'과 함께 자바 애플리케이션 개발 및 실행을 하는 구성 요소이다. JRE는 컴퓨터 운영체제 위에서 실행되면서 자바를 위한 부가적인 서비스를 제공하는 소프트웨어 계층이..
컴퓨터는 사람이 계산하는 방식과 다른 원리로 계산을 한다. 일반적으로 사람은 수를 계산할 때 10진수를 사용하는데 손가락의 개수가 8개면 8진수, 16개였으면 16진수가 자연스럽게 사용할 수도 있었을 것이다. 평소에는 10진수 외에는 몰라도 되지만 컴퓨터 공부를 하고 있는 지금 진수와 진법에 대해 조금 더 알아볼 필요가 있다고 생각했다. 진법 0부터 n개의 숫자를 사용하여 수를 표현하는 방법, 0~(n-1)만큼 표현. 진법이란 수를 표기하는 기수법의 하나로 임의의 숫자를 사용하여 수를 표현하는 방법이다. 우리가 일반적으로 사용하는 1부터 9까지의 숫자를 사용하여 수를 나타내는 방법은 10진법이라고 부른다. 현재 프로그래밍에서 많이 사용되고 있는 진법은 2진법, 8진법, 10진법, 16진법이 있다. **기..
정신 차려보니 3 주차가 끝났고 총 12회의 수업을 진행했다. 혼자 몇 개월 동안 끌면서 공부했던 자바의 정석 교재를 12번의 수업만에 절반을 보게 될 줄은 몰랐다. 다음 주에 5일 동안 자바수업을 마저 하고 Oracle의 Database를 배운다고 한다. 국비수업을 들으면서 정보처리기사를 병행하려 했으나 지금 듣고 있는 교육조차 제대로 마무리하지 못할 것 같아서 자격증 공부는 강의를 마치고 나서 도전해야겠다. 1. 진도 7월 8일에 시작한 국비수업, 첫 번째 주는 이틀뿐이었고 별문제 없이 금방 지나갔었다. 문제는 7월 12일 ~ 7월 16일 수업이 끝난 두 번째 주말에 공부를 안 했다. 개인적인 일이 있어서 공부 시간을 뺏겼지만 '이틀쯤이야'라고 생각하지 말고 자투리 시간에 공부를 했어야 했다. 강사님..