본문 바로가기

분류 전체보기365

[Frontend] CI와 CD 취준생이라면 알면 좋을 프론트엔드 관련 지식들 자료를 보고 정리한 내용입니다. ✅ CI 지속적인 통합(CI, Continuous Integration)은 빌드와 테스트를 자동화해서 공유 저장소에 병합시키는 프로세스를 의미한다. git과 같은 버전관리 시스템을 사용할 때 여러 명의 개발자가 하나의 공유 저장소를 사용하는 경우가 많다. 이때 새로운 코드의 변경 사항이 저장소에 통합되지 않을 경우 서로 충돌할 수 있다. 따라서 자동화된 빌드 및 테스트 수행 후 코드 변경 사항을 공유 저장소에 정기적으로 병합하는 것이 중요하다. 지속적인 통합에서는 각 커밋에 앞서, 개발자가 통합 전에 추가 검증 단계로 코드에 로컬 유닛 테스트를 수행할 수 있다. 지속적인 통합 서비스는 새로운 코드 변화에 대한 유닛 테스트를 자.. 2022. 1. 30.
[Python] csv와 파이썬 함수들 엘리스에서 제공한 강의와 자료를 보고 정리한 내용입니다. ✅ csv csv(Comma Separated Value)는 어떠한 값들이 구분자로 구분되어 있으며 각 열이 특정한 의미를 가진다. 이때 구분자는 기본적으로 콤마(,)지만 다른 구분 문자도 사용 가능하다. json처럼 키를 따로 두지 않고 의미에 따라 값들을 나열하기 때문에 의미를 모르면 해석이 불가능할 수도 있다. csv는 엑셀에서 열람이 가능하며 key값을 따로 두지 않아 용량이 작다. 값을 저장할 때 데이터에 , 등의 구분자가 들어있을 경우 큰 따옴표로 감싸주면 구분자가 들어있어도 큰 따옴표로 감싸진 것을 하나의 값으로 취급한다. 하지만 이러한 예외가 언제든지 발생할 수 있기 때문에 데이터 오염에 취약하다. ✔️ reader() csv 형식의.. 2022. 1. 30.
[Python] set과 집합연산 엘리스에서 제공한 강의와 자료를 보고 정리한 내용입니다. ✅ set 집합(set)은 중복이 허용되지 않으며 순서가 없는 자료형이다. {} 중괄호를 사용하며 콤마(,)로 값을 구분하거나 set() 키워드로 선언할 수 있다. set1 = {1, 2, 3} set2 = set([1, 2, 3]) # set1과 set2는 같은 값이다. ✔️ 값 추가 하나의 값을 추가하는 것은 add()로, 여러개의 값을 추가하는 것은 update()로 가능하다. sample_set.add(4) sample_set.update([ 5, 6, 7]) ✔️ 값 삭제 값을 삭제하는 것은 remove() 또는 discard()로 가능하다. discard는 해당 원소가 있다면 삭제하고 없다면 아무런 일도 하지 않는 반면 remove는 해.. 2022. 1. 30.
[Python] Dictionary와 JSON 엘리스에서 제공한 강의와 자료를 보고 정리한 내용입니다. ✅ Dictionary 딕셔너리(Dictionary)는 key 값과 value 값을 한 쌍으로 가지는 자료형이다. 중괄호 {} 안에 key: value를 ,로 구분하여 생성한다. 딕셔너리의 key는 값을 찾기위해 넣어주는 데이터이고 value는 찾고자하는 데이터이다. 따라서 key는 변할 수 없는 값으로만 지정할 수 있다. sample_dict = {key1 : value1, key2 : value2, …} ✔️ entry에 접근(value값 얻기) 저장된 value 값을 확인하고 싶을 때는 key값을 이용하는 방식과 get() 메서드를 이용하는 방식이 있다. sample_dict[key] sample_dict.get(key) ✔️ entry 추가.. 2022. 1. 30.
[Python] 파일 다루기와 list comprehension, sorted 엘리스에서 제공한 강의와 자료를 보고 정리한 내용입니다. ✅ 파일 다루기 python에서 파일을 다루는 방법은 다음과 같다. ✔️ open() 인자로 주어진 파일을 열고 해당 파일 객체를 반환한다. open(file, mode='r', buffering=- 1, encoding=None, errors=None, newline=None, closefd=True, opener=None) file : 파일의 path. mode : 파일을 열 때 사용할 모드.(r = 읽기, w = 쓰기 등.) ✔️ read() 파일 전체의 내용을 하나의 문자열로 읽어온다. 비슷한 메서드로 readline(), readlines()가 존재한다. readline()은 한 번에 하나의 라인을 읽어오고 readlines()는 파일 전.. 2022. 1. 30.
[3주차] 자바스크립트의 내장객체 1월 29일 자 학습 내용 정리입니다. ✅ 자바스크립트의 내장객체 자바스크립트는 여러 용도에 활용하는 객체를 내장하고 있다. ✔️ globalThis 전역 객체를 지칭하는 변수이다. 전역 객체는 환경에 따라 다른데 브라우저 환경은 window, node 환경은 global 객체를 지칭한다. globalThis는 환경별 차이를 통일하여 하나의 변수로 서로 다른 전역 객체를 가리키게 한다. ✔️ window DOM document를 포함하는 창을 나타내는 객체이다. 전역 스코프에 선언된 변수는 모두 window 객체의 프로퍼티가 된다. window 객체를 통해 현재 창의 정보를 얻거나 조작할 수 있다. (참조 https://cansweep.tistory.com/310) ✔️ document 브라우저에 로드된.. 2022. 1. 30.
[3주차] 자바스크립트 엔진과 Hoisting 1월 29일 자 학습 내용 정리입니다. ✅ 자바스크립트 엔진 자바스크립트 엔진은 자바스크립트 코드를 읽어 실행하는 프로그램이다. 작성한 자바스크립트 코드는 자바스크립트 엔진을 통해 파싱되고 실행된다. 자바스크립트 엔진은 코드를 실행하기 전 실행 컨텍스트를 생성한다. 실행 컨텍스트는 두 단계를 통해 생성되는데 바로 생성 단계와 실행 단계이다. 생성 단계에서는 엔진이 변수 선언을 읽고 실행 단계에서는 엔진이 변수 값을 할당한다. ✔️ 생성 단계 자바스크립트 엔진은 생성 단계에서 함수 선언문, 함수 표현식, 변수 등을 읽어 실행 컨텍스트에 저장한다. 함수 선언문의 경우 함수 명과 함수 전체가 저장되지만 함수 선언문 외의 변수의 경우 값이 저장되지는 않고 실행 컨텍스트의 렉시컬 환경을 구성한다. 함수의 렉시컬 .. 2022. 1. 29.
[Frontend] 모듈 번들러와 트랜스파일러 취준생이라면 알면 좋을 프론트엔드 관련 지식들 자료를 보고 정리한 내용입니다. ✅ 모듈 번들러 모듈이란 프로그래밍 관점에서 특정 기능을 갖는 작은 코드 단위를 의미한다. 현대의 프론트엔드 개발은 모듈 단위로 파일을 엮어서 개발하는 방식이다. 다르게 말하면 모듈은 서로 의존성을 가지고 있다는 것이다. 이러한 점에서 다음과 같은 문제들이 생긴다. 모듈들의 순서를 어떻게 유지하고 처리할 것인지 모듈이 많아질 수록 HTTP 요청도 늘어나는데 이로 인한 오버헤드를 어떻게 처리할 것인지 같은 이름의 모듈이 존재할 경우 어떻게 처리할 것인지 ES6+의 코드들을 어떻게 처리할 것인지 위 문제들을 해결하기 위해 등장한 것이 모듈 번들러이다. 모듈 번들러(Module Bundler)는 웹 애플리케이션을 동작시키기 위한 서.. 2022. 1. 28.
[백준9012번] 괄호 문제 링크 >> https://www.acmicpc.net/problem/9012 📋 문제 괄호 문자열(Parenthesis String, PS)은 두 개의 괄호 기호인 ‘(’ 와 ‘)’ 만으로 구성되어 있는 문자열이다. 그 중에서 괄호의 모양이 바르게 구성된 문자열을 올바른 괄호 문자열(Valid PS, VPS)이라고 부른다. 한 쌍의 괄호 기호로 된 “( )” 문자열은 기본 VPS 이라고 부른다. 만일 x 가 VPS 라면 이것을 하나의 괄호에 넣은 새로운 문자열 “(x)”도 VPS 가 된다. 그리고 두 VPS x 와 y를 접합(concatenation)시킨 새로운 문자열 xy도 VPS 가 된다. 예를 들어 “(())()”와 “((()))” 는 VPS 이지만 “(()(”, “(())()))” , 그리고.. 2022. 1. 28.