dkim's devlog dkim's devlog

> 팀 프로젝트 제출 전 날 동안 CSS를 수정하면서 배운 부분들을 정리해보았다. 학습 키워드: CSS, custom variable, transition 1. Custom Variable1) What is it?: - CSS에서도 임의의 변수를 지정하여 다른 property 들에서 값으로 사용할 수가 있다. 2) How does it work?::root { --scroll-width: 25px; --full-width: calc(100vw - var(--scroll-width)); --half-width: calc(50vw - var(--scroll-width));} - 위는 과제 css 파일의 일부다. :root는 이 document의 root element, 즉 element를 ..

> 프로젝트를 진행하면서 발생했던 문제점과 관련있는 부분들을 간단하게 알아봤다. 학습 키워드: Java, Javascript, dependency injection, DI, assembler 1. Dependency Injection1) What is it?: - Dependency Injection (DI, 의존성 주입)은 프로그래밍에 널리 쓰이는 기법으로, 직접적인 class 사용을 피하고 interface 등의 사용으로 여러 버전의 클래스(혹은 함수)를 유동적으로 바꿔가며 쓸 수 있도록 하여 코드의 재사용성을 챙기고, 그렇게 함으로써 refactoring 및 testing을 용이하게 하여 유지/보수까지 신경쓰는 디자인 패턴의 한 종류다. 2) How does it work?: - Wikipedia의..

> 8강. 자료구조를 수강하고, 이전에 잘 몰랐던 부분을 이해한대로 정리해보았다. 학습 키워드: data structure, hashmap, chaining, open addressing, hashset 1. HashMap1) What is it?: - Key-value로 맺어진 pair 를 저장하는 Map 자료 구조에서 hash가 더해진 방식이다. 2) How does it work?: - 임의의 길이를 가진 key 값이 주어지면 이 key를 hash 함수를 통해 고정 길이를 가지는 hash로 변환한다. 변환된 hash값을 이용해 hash table의 해당 hash 주소에 value를 저장하는 방식으로 동작한다. - key와 value가 모두 고유한 일반적인 map과는 다르게, hashmap의 경우엔 ..

> CS 강의 7강, '자료의 저장과 표현'을 수강하고, 잘 몰랐던 부분을 최대한 이해한대로 정리해보았다. 학습 키워드: character encoding, unsigned integer, signed integer, floating-point, fixed-point, data structure 1. Character Encoding1) What is it?: - 컴퓨터에서 텍스트 자료를 저장할 때는 문자 인코딩 방식을 주로 사용한다. 문자 인코딩이란, 문자를 컴퓨터가 인식하기 쉽도록 숫자로 변환하여 매핑하는 것을 뜻한다. 대표적으로 ASCII, Unicode, UTF-8 등의 방식이 있다. 2) How does it work?: - ASCII (American Standard Code for Infor..

> 휴일간에 프로그래머스 사이트에서 명예의 전당 (1) 문제를 풀면서 발생한 일과 깨달은 점을 기록해봤습니다. 학습 키워드: javascript, js, array, out of bounds, code kata 프로그래머스 - 명예의 전당 (1)1) 문제 설명 (자세한 설명은 하단의 문제 링크 참고): - 어떤 TV 프로그램에서 매일 1명의 가수가 노래를 부르면 시청자들이 점수를 매기고 이 점수를 k 만큼의 등수가 있는 명예의 전당에 등록합니다. 출연한 가수들의 점수가 방영 일자별로 순서대로 담긴 배열 score 를 통해 매 방영일의 명예의 전당 최소 점수를 담은 배열을 반환하는 함수를 작성하는 문제입니다. - 조건: 3   2) 작성한 스크립트:더보기function solution(k, score) {..

학습 키워드: javascript, css, position, grid, git, rebase 1. CSS Grid프로젝트 3일 차를 진행하면서 Grid를 많이 손봤는데, 지난번에 작성했던 Grid에 대한 정보 중 추가할 부분들이 있어서 작성하기로 했다..info-container { position: relative; width: 50vw; left: 50vw; transform: translate(-50%, 0); padding: 10px 10px 10px 10px; display: grid; column-gap: 10px; grid-template-areas: "a b" "a c" "a d" "a e";}.info-le..