본문 바로가기

분류 전체보기96

[Data Structure] Set Set 비순차적이고 중복을 허용하지 않는 자료구조 집합과 같다고 생각하면됨, 순서 x, 중복 x 순서 상관 없는 경우 빠른 look up 필요한 경우 중복된 값 관련 처리하는 경우 유용하게 사용할 수 있다. Set 종류 HashSet 대표적인 Set 사용 방식 Hash 알고리즘을 기반으로 동작함 key값을 hash function을 거쳐 hash값으로 변경 후 hash값에 맞는 bucket에 저장하여 관리한다. 이러한 알고리즘 때문에 순서 x, 중복 x, 특정값 포함 확인 빠름 (Fast Lookup) TreeSet balance binary search tree인 Red-Black Tree를 기반으로 구성된다. 간단히 말해서 값이 한쪽으로 치우쳐지지 않는 Tree 사용한다는 말 Red-Black Tre.. 2022. 10. 23.
[Git] 기초 사용법 복습 VSCode 환경에서 작업 터미널을 Git Bash 로 세팅했다는 가정에서 시작함 1. VSCode 터미널의 경로 설정 Git 환경에서 작업할 폴더를 열어준다. 그렇게 되면 터미널은 해당 폴더 경로로 바뀌어 있다. 그 상태로 진행한다. 한줄요약 : VSCode에서 git환경 작업 폴더 열기 2. 깃 저장소 생성하기 Git의 컨트롤을 받을 폴더 지정 git init 명령어 git status 파일의 변경사항들을 알려준다. git status 주의사항 저 안에 secrets 라는 폴더를 새로 만들고 그 안에 이리저리 파일을 만들었다 쳤을 때 변경사항에는 secrets/ 라는 폴더만 변경사항으로 고지해준다. 정확히 뭐가 변경되었는지 확인하기 위해선 GUI를 지원하는 Git 관련 소프트웨어의 도움을 받는게 좋다.. 2022. 10. 23.
[Git] Git 초기설정 (VisualStudio Code) VS Code와 Git Bash 연결방법 1. Ctrl + Shift + ` 혹은 밑의 방법으로 터미널을 연다. 2. 열린 터미널 우측 하단에서 기본 터미널을 Git Bash로 수정한다. 3. 만약 Git Bash가 보이지 않는다면 삭제 후 재설치 한다. 설치 시 C드라이브에 설치해야 이 설정이 가능하다. C 드라이브 이외의 장소에 설치 시 추가의 작업이 필요하다. C드라이브에 재 설치 후 PC 재부팅을 하게 되면 VS Code에서 Git Bash가 보인다. 위의 과정이 끝났다면 Git 계정, 이메일 설정 git을 이용한 협업 중 누가 작업했는지, 어떻게 연락할 수 있는지를 확인하기 위해 Git Bash에 입력한다. 설정 방법 git config --global user.name "홍길동" git con.. 2022. 10. 22.
[CSS] html/css 프로젝트 실습 중 놓쳐 막혔던 부분 + 몰랐던 부분 1. position : absolute 막힌 부분 : absolute 후에 top : 10px; 을 했으나 어디갔는지 안보이는 현상 상위 엘리먼트 중 relative를 가진 가장 가까운 엘리먼트의 내부를 기분으로 배치가 이루어진다. 나의 경우엔 부모 중 relative를 가진 엘리먼트가 없어, 부모를 벗어나 가장 바깥 부모(브라우저 화면 제일 위)로 이동하여 안보였던 것이다. absolute를 이용해 부모를 기준으로 배치하고 싶다면 부모 속성으로 relative 사용 한줄요약 : absolute 사용 시 부모에 relative 사용하자 2. box-sizing : border-box 막힌부분 : margin, padding 등으로 원하는 크기와는 달라지는 현상 이 같은 경우는 margin, paddin.. 2022. 10. 22.
[CSS] CSS 클래스 작명 / BEM BEM Block-Element-Modifier / BEM을 이용해 작명한다. 이점 목적, 기능을 명확히 전달 클래스 이름만으로 구조 파악의 용이성 단점 잘못하면 클래스네임이 엄청 길어질 수 있다. Block 문단 전체에 적용된 element나 element를 담고있는 컨테이너 Element block을 구성하는 단위 block은 독립적, element는 의존적 block 내에서만 의미를 가진다. Midifier block이나 element의 속성을 담당 다르게 동작하거나 다른 외형을 가져야 할 때 추가하여 사용 주의사항 클래스에만 사용, id는 유일한 것이기 때문에 이 방법을 따르지 않는다. 블록과 요소는 목적을 기반으로 작명 구조의 깊이 표현 x , .card__ul__li ( x ) 이런식으로 깊이.. 2022. 10. 19.
[HTML] 시맨틱 코드 작성 시맨틱한 코드 작성 1. table > tr > th [scope = " "] table태그의 th태그에 scope속성 사용으로 (scope = "row", scope = "col") row, col에 정보 정렬 기준 등으로 시맨틱한 정보를 전달 할 수 있다 2. a태그 target = "_blank" 일 때 안내하기 구글로 이동(새창에서) a 태그의 target속성으로 _blank를 사용하여 새로운 창을 생성하여 사용하면 텍스트 리더를 쓰는 분들은 새 창으로 전환된 것에 당황할 수 있기 때문에 (새창으로) 와 같이 안내문을 사용하는 것이 좋다. 3. img alt 사용 img 태그 사용 시 alt로 내용 설명 alt를 사용하지 않으면 스크린 리더는 src를 읽게됨 4. 이 또한 2번과 같이 텍스트 리더.. 2022. 10. 19.