본문 바로가기

분류 전체보기365

[백준1541번] 잃어버린 괄호 문제 링크 >> https://www.acmicpc.net/problem/1541 📋 문제 세준이는 양수와 +, -, 그리고 괄호를 가지고 식을 만들었다. 그리고 나서 세준이는 괄호를 모두 지웠다. 세준이는 괄호를 적절히 쳐서 이 식의 값을 최소로 만들려고 한다. 괄호를 적절히 쳐서 이 식의 값을 최소로 만드는 프로그램을 작성하시오. 👉 입력 첫째 줄에 식이 주어진다. 식은 ‘0’~‘9’, ‘+’, 그리고 ‘-’만으로 이루어져 있고, 가장 처음과 마지막 문자는 숫자이다. 그리고 연속해서 두 개 이상의 연산자가 나타나지 않고, 5자리보다 많이 연속되는 숫자는 없다. 수는 0으로 시작할 수 있다. 입력으로 주어지는 식의 길이는 50보다 작거나 같다. 👈출력 첫째 줄에 정답을 출력한다. 💡 사용된 개념 eva.. 2022. 1. 28.
[3주차] this와 Rest, Spread 연산자 1월 28일 자 학습 내용 정리입니다. ✅ this가 가리키는 것 ✔️ Dynamic binding 자바스크립트에서 함수가 호출되는 상황은 4가지로 나눌 수 있다. 함수 호출 : 함수를 직접 호출. 메서드 호출 : 객체의 메서드를 호출. 생성자 호출 : 생성자 함수를 호출. 간접 호출 : call, apply 등의 function 객체의 메서드로 함수를 간접 호출. 이 외에도 콜백함수의 호출이 있다. 콜백함수는 특정 동작 이후 불려지는 함수인데 보통 다른 함수의 인자로 보내지는 함수를 의미한다. (callback 참조=> https://cansweep.tistory.com/260?category=995363 ) 함수의 호출 환경에 따라 this는 동적으로 세팅된다. 이렇게 this가 환경에 따라 바뀌는 .. 2022. 1. 28.
[3주차] 실행 컨텍스트와 클로저 1월 28일 자 학습 내용 정리입니다. ✅ 자바스크립트에서 함수가 실행되는 과정 ✔️ 어떤 코드도 없이 실행되는 경우 자바스크립트 엔진은 어떤 코드도 없이 실행되는 경우에 대해서도 this, 변수들(Variable Object), Scope Chain을 초기화한다. 즉, 실행 환경을 초기화하는 것이다. 이처럼 빈 코드를 실행했을 때 초기화는 다음과 같이 진행된다. this : window Variables : {} Scope Chain : [] Scope는 코드가 현재 실행되는 환경, 맥락을 의미한다. 따라서 Variables와 Scope Chain은 가리킬 것이 없으니 빈 객체와 배열로 초기화 되었지만 this는 window 객체를 가리킨다. this는 코드가 실행되는 시점에 환경이 가리키는 객체를 의.. 2022. 1. 28.
[Frontend] BOM과 DOM 취준생이라면 알면 좋을 프론트엔드 관련 지식들 자료를 보고 정리한 내용입니다. ✅ BOM 브라우저 객체 모델(BOM, Browser Object Model)은 브라우저의 창이나 프레임을 프로그래밍적으로 제어할 수 있게 해주는 객체 모델이다. BOM은 DOM과 달리 W3C 표준 객체 모델은 아니지만 브라우저의 기능적인 요소들을 직접 제어하고 관리할 방법을 제공해준다. 자바스크립트에서는 이러한 BOM의 객체들을 전역 객체(global object)로 사용할 수 있다. ✔️ window 객체 window 객체는 웹 브라우저의 창을 나타내는 객체로 대부분의 웹 브라우저에서 지원하고 있다. 자바스크립트의 모든 객체, 전역 함수, 전역 변수들은 자동으로 window 객체의 프로퍼티가 된다. window 객체의 메서.. 2022. 1. 27.
[Frontend] 자바스크립트 엔진이 코드를 실행하는 과정 취준생이라면 알면 좋을 프론트엔드 관련 지식들 자료를 보고 정리한 내용입니다. ✅ 자바스크립트 엔진 자바스크립트를 실행하기 위해서는 자바스크립트 엔진이 필요하고 웹 브라우저는 자바스크립트 엔진을 내장하고 있다. 대표적인 예는 Google V8 엔진이다. V8은 Chrome과 Node.js에서 사용하는데 Memory Heap과 Call Stack으로 이루어져 있다. Memory Heap : 메모리 할당이 일어나는 곳 Call Stack : 코드 실행 시 호출 스택이 쌓이는 곳 이외에도 최초의 자바스크립트 엔진인 SpiderMonkey, 마이크로소프트의 Chakra, 애플의 JavaScript Core 등이 존재한다. ✅ 코드 실행 과정 자바스크립트 엔진이 코드를 실행하는 방법은 다음과 같다. JavaScr.. 2022. 1. 27.
heroku에서 headless chrome 한글 깨짐 문제 ✅ 문제 react+node.js로 사진 크롤링 후 티스토리에 자동으로 포스팅하는 프로그램을 만들었다. 로컬에서 잘 돌아가는 걸 확인한 후 heroku를 통해 배포했는데 배포 후 크롤링은 정상적으로 다 잘 되고 있으나 사진의 한글이 네모네모로 깨지는 현상이 발생했다. headless chrome의 문제가 워낙 많았기에 처음에는 chrome option의 lang 문제인줄 알았다. 그래서 utf8 형식으로 인코딩 하는 방법 알아보기로 했다. 근데 긁어온 data를 출력해보니 한글은 잘 나오고 있었다. 단순히 screenshot만 하는 작업인데 왜 캡쳐만 하면 문제가 생기는지 몰라서 chrome option 줄 수 있는 건 다 줘봤다. 저 시도 중 아무것도 원하는 결과를 얻을 수 없었다. 심지어 구글에 영어.. 2022. 1. 27.
[백준11656번] 접미사 배열 문제 링크 >> https://www.acmicpc.net/problem/11656 📋 문제 접미사 배열은 문자열 S의 모든 접미사를 사전순으로 정렬해 놓은 배열이다. baekjoon의 접미사는 baekjoon, aekjoon, ekjoon, kjoon, joon, oon, on, n 으로 총 8가지가 있고, 이를 사전순으로 정렬하면, aekjoon, baekjoon, ekjoon, joon, kjoon, n, on, oon이 된다. 문자열 S가 주어졌을 때, 모든 접미사를 사전순으로 정렬한 다음 출력하는 프로그램을 작성하시오. 👉 입력 첫째 줄에 문자열 S가 주어진다. S는 알파벳 소문자로만 이루어져 있고, 길이는 1,000보다 작거나 같다. 👈출력 첫째 줄부터 S의 접미사를 사전순으로 한 줄에 하나씩.. 2022. 1. 27.
[3주차] DOM과 이벤트 1월 26일 자 학습 내용 정리입니다. ✅ DOM 문서 객체 모델(DOM, Document Object Model)은 객체 지향 모델로써 구조화된 문서를 표현하는 방식이다. DOM은 XML이나 HTML 문서의 프로그래밍 인터페이스이며 구조화된 표현을 제공하여 프로그래밍 언어가 문서 구조, 스타일, 내용 등을 변경할 수 있게 한다. DOM은 트리구조로 이루어져 있다. DOM은 세 가지로 나눌 수 있다. Core DOM : 모든 문서 타입을 위한 DOM HTML DOM : HTML 문서를 조작하고 접근하는 표준화된 방법. 모든 HTML 요소는 HTML DOM을 통해 접근 가능. XML DOM : XML 문서에 접근하고 다루는 표준화된 방법. 모든 XML 요소는 XML DOM을 통해 접근 가능. Documen.. 2022. 1. 26.
분석 과제와 분석 우선순위 평가 엘리스에서 제공하는 자료를 보고 정리한 내용입니다. ✅ 분석 과제 발굴 분석 과제 발굴 방법론에는 하향식 접근과 상향식 접근이 존재한다. ✔️ 하향식 접근(Top Down) 하향식 접근(Top Down)은 문제 탐색 -> 문제 정의 -> 해결방안 탐색 -> 타당성 검토의 순서로 진행된다. 문제 탐색 : 비즈니스 모델 기반 문제 혹은 외부 사례 기반 문제를 탐색한다. 발굴 범위를 확장한다. 문제 정의 : 데이터 분석 문제로 변환한다. 해결방안 탐색 : 데이터 분석에 대한 기획을 짜는 등의 수행 옵션을 도출한다. 타당성 검토 : 타당성을 평가하고 최종적으로 과제를 선정한다. ✔️ 상향식 접근(Bottom Up) 상향식 접근(Bottom Up)은 빅데이터를 기반으로 데이터의 다양한 측면으로 탐색을 수행하고 이.. 2022. 1. 26.

티스토리툴바