전체 글 (36) 썸네일형 리스트형 코딩테스트 알고리즘 종류 1. 정렬 (Sorting)버블 정렬: 인접한 두 개를 비교하며 정렬하는 방식 (비효율적)선택 정렬: 가장 작은(혹은 큰) 값을 선택해 앞으로 보내는 방식삽입 정렬: 이미 정렬된 부분에 새로운 데이터를 삽입하는 방식퀵 정렬: 피벗(pivot)을 기준으로 작은 값과 큰 값을 나누며 정렬병합 정렬: 데이터를 반으로 쪼개 정렬한 후 합치는 방식💡 코딩테스트에서는 보통 sorted()나 sort()를 활용하면 됨2. 탐색 (Search)선형 탐색 (Linear Search): 데이터를 하나씩 확인하는 방식 (O(N))이진 탐색 (Binary Search): 정렬된 배열에서 중간값을 기준으로 찾는 방식 (O(logN))DFS (깊이 우선 탐색): 한 방향으로 계속 탐색하다가 더 이상 갈 곳이 없으면 되돌아옴 (.. [CSS] 단위요소 (px, %, em, rem, vw, vh, vmin, vmax) 1. px(픽셀):픽셀은 화면에서 고정된 크기를 의미하며, 화면 크기나 해상도와 관계없이 항상 동일한 크기로 표시됩니다.예시: 픽셀로 크기 설정이 코드는 100px × 100px 크기의 박스를 생성합니다. 화면의 크기나 해상도와 상관없이 이 박스는 항상 동일한 크기를 유지합니다.2. % (퍼센트):퍼센트는 부모 요소의 크기에 상대적인 값을 나타냅니다. 부모 요소의 크기가 변하면, 자식 요소의 크기도 함께 변합니다.예시: 부모 요소 크기의 50% 여기서 부모 요소는 400px 너비를 가지므로, 자식 요소의 너비는 50%인 200px로 설정됩니다. 만약 부모 요소의 크기를 변경하면, 자식 요소의 크기도 자동으로 변경됩니다.3. em:em 단위는 글꼴 크기를 기준으로 상대적인 크.. [자바스크립트 A to Z] 1_html에 스크립트 추가하기 (+ async, defer) 이번챕터 핵심: html에 자바스크립트 추가해보기 html에 css 적용하는 방식과 마찬가지로, html에 js 적용하는 두가지 방식이 있음 1. html 내부에 설정하는 방식2. 외부파일을 가져오는 방식 첫 번째 방식부터 보자. 1. 기본 사용법HTML 파일 내에 직접 JavaScript 코드를 작성바디태그 안의 끝에다가 스크립트 태그 추가 안녕하세요! 2. 외부 JavaScript 파일 사용script.js 파일 생성HTML 파일에서 외부 스크립트 불러오기 안녕하세요! 2) 특징: HTML 파싱이 모두 끝난 후 js의 파싱이 시작된다. (이게 단점이 될 수도 있는 거임) preventDefault 와 stopPropagation 차이점 (+ 이벤트 버블링, 캡쳐링) preventDefault()기본동작 취소예를 들어 버튼의 submit 은 기본적으로 값을 전송하고, 새로고침 하는 기능을 한다.이때 e.preventDefault() 를 사용하면 submit의 전송과 새로고침을 막는다.또 다른 예로, 기본적으로 실행되는 a 태그의 링크이동을 막는다. stopPropagation()이벤트 전파 중지 (기본동작을 막지는 않음)버블링과 캡쳐링을 막는 역할을 한다 👩🏻💻 버블링, 캡쳐링이 뭔지 알아보자버블링설정없이 기본적으로 버블링으로 동작자식 요소를 누르면 한단계씩 타고 올라가서 자신을 감싸고 있는 최상위 부모요소에 걸린 이벤트까지 실행되는 것 아래 예제코드의 경우 inner를 클릭하면 Inner => Middle => Outer 순으로 alert이 실행된다. [자식.. 브랜치 생성하기 (branch, switch) 브랜치 생성이유:새로운 기능 추가, 버그 수정, 병합&리베이스 테스트 (임시브랜치로 테스트하고 잘못되면 삭제하면됨), 이전 코드 개선, 특정 커밋으로 돌아갈 때 (hard 리셋은 커밋이 없어질 수도 있고, 리버트는 사용이 좀 까다로워서 브랜치 새로 만들어서 작업한 후 리베이스나 병합하는것이 좋음) 👩🏻🏫 브랜치 다루는 명령과 옵션 👩🏻🏫 git branch: 현재 브랜치 확인, 생성git branch: 현재 브랜치 확인git branch 브랜치명: 새로운 브랜치 생성 HEAD 가 main, newbrach1 을 가리키고있음: HEAD는 현재 작업 중인 브랜치의 최근 커밋을 가리킵니다. 👩🏻🏫 git checkout, git switch git switch 는 Git 2.23(2019.. 맥북 터미널에서 git init 하고 github에 업로드하는 방법 👩🏻🏫 용어 짚고 넘어가기로컬 저장소.git 폴더원격 저장소로컬 저장소를 업로드하는 곳 : GitHub 저장소워킹트리Git에서는 작업폴더를 워킹트리라고 함.정확히는 작업 폴더에서 .git폴더(=로컬 저장소) 를 뺀 나머지 부분Git 저장소엄밀하게는 로컬 저장소를 의미하지만넓은 의미로 작업폴더(워킹트리 + 로컬 저장소)를 의미하기도함즉, .git 폴더를 포함한 작업폴더 전체영역 바탕화면에 호호 폴더를 만들었구요 cd 호호 명령어로 호호 폴더로 접근했습니다.pwd로 현재경로를 탐색했더니 호호가 잘 나오네요+ 바탕화면 호호 폴더에서 git status 했더니 .git 이 없다고 뜹니다.git init -b main 명령어로 git 저장소를 생성하고 main 브랜치 초기화 해줘야합니다.ls -a 로 .. 터미널 명령어 정리 이건 설명을 읽기만 하는 것보다 터미널 켜서 아래 명령어를 직접 쳐보시는 게 이해가 빠릅니다.+ 폴더명 입력할 때 앞글자까지만 치고 Tab키 누르면 자동입력 됩니다.Desktop일경우 Des 까지만 입력 후 Tab 하면 Desktop 입력됨(D만 입력할 경우 Derectory, Downloads 등 앞글자가 동일한 파일 여러개가 나옵니다.)pwd현재 폴더 위치 확인ls현재 폴더 파일 목록 확인ls -a현재 폴더 파일 목록 확인 (숨김 파일도 볼 수 있음)cd홈 폴더로 이동 (터미널 처음 켰을 때 그 경로)cd 폴더이름특정 폴더로 이동cd ../ 현재 폴더의 한단계 상위 폴더로 이동mkdir 폴더이름현재 경로에 새로운 폴더를 만듬👻현재 경로 Desktop 이지요? 맥북 바탕화면 경로입니다. 이 상태에서 .. [Github 사용법 A to Z] 풀리퀘스트, 브랜치 보호 규칙 풀리퀘스트 할 때 의미를 담은 제목 짓기 풀리퀘스트를 병합하는 세가지 방법1. 병합 커밋 생성 (기본 방법)2. 스쿼시해서 병합3. 리베이스해서 병합 깃허브에서 풀리퀘스트 되돌리기풀리퀘스트에 있는 커밋들을 전부 리버트 하고 싶을 때PR이 완료된 페이지에 Revert 버튼이 있음 브랜치 보호 규칙 (branch protection rule)풀리퀘스트 할 때 승인 받아야 진행가능하게 하고협업하는 브랜치에 바로 push 할 수 없게 하는 등 협업 브랜치를 보호 이전 1 2 3 4 5 다음 목록 더보기
