매일 1%씩 성장하면 1년 뒤에는 37배 성장한 내가 된다.1도만 방향을 틀어도 도착지는 완전히 달라진다. 한 번쯤은 들어본 이야기다. 사실 들어보지 않아도 너무 당연한 말이다. 하지만 알면서도 실천하지 못하고 결국 작심삼일로 끝나버린 적이 많았다. 갑자기 큰 목표를 잡으면 원점으로 돌아오기 마련이다. 중요한 것은 자연스럽게 목표에 도달할 수 있도록 작은 변화를 쌓아가는 것. 1%의 변화가 모여 내 삶을 바꿀 수 있을 것이다. 좋은 습관을 들이려면 행동의 마찰을 줄이고, 나쁜 습관을 없애려면 행동의 마찰을 높이면 된다고 한다. 올해 세웠던 목표 중 하나가 '독서 꾸준히 하기'였다. 그래서 항상 책상 모서리에 책을 올려두고, 카페에 갈 때도 책을 들고 다녔다. 그렇게 두 달가량 실천하니 자기전에 자연스럽게..

CSS(Cascading Style Sheets)는 HTML이나 XML 같은 마크업 언어 요소의 스타일을 지정하는 스타일 시트 언어이다. 웹 페이지의 디자인과 레이아웃을 담당하여 HTML과 함께 웹 개발의 필수 요소로 사용된다.1. 적용 방법(1) 인라인 스타일HTML 요소의 style 속성을 이용하는 방법이다.인라인 스타일(2) 내부 스타일 시트(3) 외부 스타일 시트별도의 CSS 파일을 만들어 HTML 파일에서 연결한다. 요소에 href 속성으로 CSS 파일을 입력한다. 여러 페이지에서 동일한 스타일을 쉽게 관리할 수 있다.2. 선택자(Selectors)CSS에서 특정 요소를 선택할 때 사용된다.(1) class 선택자사용법: .className클래스 선택자는 여러 요소를 그룹화하고 해당 그룹에 스..

1. HTML이란?HTML은 웹 문서를 만들기 위한 표준 마크업 언어이다. 태그로 요소를 감싸서 의미를 부여하며 모든 브라우저에서 동작한다.문서의 특정 영역에 의미를 부여하고, 논리적인 영역으로 구조화 하고, 이미지와 비디오 같은 콘텐츠를 삽입할 수 있게 해주는 요소들로 구성되어 있다.HTML 문서는 아래와 같은 기본 구조를 가진다. Hello World! 이것은 HTML 기본 구조입니다.  : HTML5 문서임을 선언 : HTML 문서의 루트(root) 요소 👀👀👀 오늘의 할 일 HTML을 배우면서 해야 할 일들을 정리한 목록입니다. HTML 예습하기 MDN 사이트 접속하기 w3school 사이트 접속하기 실습 도전하기 + 목록을 ..

1. Git과 GitHubGit은 분산 버전 관리 시스템으로, 코드의 변경 사항을 추적하고 여러 개발자가 동시에 작업할 수 있도록 돕는 도구이다. 버전 관리: 코드 변경 이력을 기록하고 과거 상태로 되돌릴 수 있다.분산 저장소: 로컬(개인 컴퓨터)에서도 저장소를 관리할 수 있으며 인터넷 연결 없이도 작업이 가능하다.브랜치 기능: 새로운 기능을 독립적으로 개발하고, 테스트 후 병합할 수 있다.GitHub는 Git을 기반으로 한 원격 저장소 호스팅 플랫폼이다. 쉽게 말해 Git으로 관리하는 코드를 온라인에 저장하고 공유하는 공간이다. 또한 오픈소스 프로젝트의 메인 플랫폼으로써 누구나 전 세계의 개발자들과 프로젝트를 공유하고 협업할 수 있다. 원격 저장소: 여러 사용자가 같은 프로젝트를 공유하고 협업할 수 있..

1. 터미널(Terminal)터미널은 사용자가 컴퓨터와 텍스트 기반으로 상호작용할 수 있는 인터페이스이다. 명령어를 입력하여 시스템을 조작하는 방식으로, 입력된 명령어는 운영체제의 쉘을 통해 해석되고 실행된다. 터미널은 파일 및 폴더 관리, 소프트웨어 개발, 프로세스 제어, 네트워크 설정 등 다양한 작업이 가능하다. 터미널 프로그램 예)Windows: 명령 프롬프트(cmd), PowerShell, WSLMac & Linux: 터미널, iTerm22. CLI(Command Line Interface) vs GUI(Graphical User Interface)CLICLI는 명령어를 입력하여 컴퓨터를 제어하는인터페이스이다. 터미널을 통해 CLI 환경에서 명령어를 입력하면 컴퓨터가 해당 명령을 실행한다. (즉 ..

Visual Studio Code란?VS Code는 마이크로소프트에서 개발한 가벼우면서도 강력한 코드 에디터이다. 개발자의 요구에 맞게 커스터마이징할 수 있다. 무료로 제공되며 윈도우, 맥, 리눅스 등 다양한 운영 체제에서 사용할 수 있다.IDE와 Code EditorIDE(통합 개발 환경)와 코드 에디터 모두 프로그래밍을 할 때 필수적인 도구로, 둘 다 코드를 작성하는 데 사용되지만 기능과 목적에 차이가 있다.- IDE(Integrated Development Environment): 코드 작성뿐만 아니라 컴파일, 디버깅, 테스트, 빌드 등의 기능을 포함한 종합적인 개발 도구. IDE는 개발자가 하나의 환경에서 모든 개발 작업을 수행할 수 있도록 도와준다. 대표적으로 Visual Studio, Inte..

1. 폰켓몬 - lv.1https://school.programmers.co.kr/learn/courses/30/lessons/1845 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr다양한 종류의 폰켓몬을 가지기 위해 배열의 중복을 제거한다.중복을 제거한 배열의 길이가 N/2보다 큰 경우 가져갈 수 있는 폰켓몬의 최대 수는 N/2이다. 따라서 리턴 값은 배열의 길이와 N/2 중 더 작은 수가 된다.function solution(nums) { return Math.min(new Set(nums).size, nums.length/2);}2. 완주하지 못한 선수 - lv.1https://school.p..

해시법해시법은 데이터를 저장할 위치(인덱스)를 간단한 연산으로 구하여 검색과 추가, 삭제를 효율적으로 수행할 수 있는 방법이다. 아래 요소가 13개인 배열에서 앞쪽 10개 요소에 오름차순으로 정렬된 데이터가 저장되어 있다.a[5, 6, 14, 20, 29, 34, 37, 51, 69, 75, -, -, -]이 배열에 35를 추가하는 과정은 다음과 같다.1. 삽입할 위치가 a[5]와 a[6] 사이임을 이진 검색법으로 찾는다.2. a[6] 이후의 모든 요소를 하나씩 뒤로 이동한다.3. a[6]에 35를 대입한다.b[5, 6, 14, 20, 29, 34, 35, 37, 51, 69, 75, -, -]요소 이동에 필요한 복잡도는 O(n)이므로 비용은 작지 않다. 데이터를 삭제하는 경우에도 똑같은 비용이 발생한다..