https://school.programmers.co.kr/learn/courses/30/lessons/178870 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 접근법1 이중 반복문을 통해 조건을 만족하는 부분 수열을 구하는 방식으로 진행했지만, 이중 반복문 사용으로 시간초과가 발생했습니다. 문제풀이 def solution(sequence, k): answer = [0,1000000] len_seq= len(sequence) for i in range(len_seq) : sum_i = 0 for j in range(i,len_seq) : if sum_i..
https://school.programmers.co.kr/learn/courses/30/lessons/160585 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 접근법 오류 조건인 경우에 if문을 통해 0을 반환해주고, if문에 걸리지 않을 경우 최종적으로 1을 반환해주는 방식으로 진행했습니다. 오류 조건 O과 X 둘 다 성공하는 경우 성공했는데 게임을 진행하는 경우 O이 성공했는데 X와 수가 같은 경우 X가 성공했는데 O의 수가 더 많은 경우 두 갯수 차이가 2이상 차이나는 경우 문제풀이 # 틱택토 성공여부 판단(O,X) def isSuccess(bo..
https://school.programmers.co.kr/learn/courses/30/lessons/176962 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 접근법 00:00부터 시작하여 현재 시간에 해당하는 요소가 있을 경우 작업 리스트에 append로 맨 뒤에 추가하고, 가장 뒤에 있는 작업의 소요시간을 분마다 -1씩 감소시킨다. 그리고 소요시간이 0이 된 작업이 있으면 pop 하여 answer에 추가해 준다. 추가적으로 작업해야 하는 작업이 없을 경우 시간을 1분 증가시키고, continue를 통해 빠져나간다. 시도1 plans 배열이 정렬이 ..
Proxy CORS 정책이 필요한 이유 다른 도메인에서 API를 요청해서 사용할 수 있게 해 주려면 CORS 설정이 필요합니다. 만일 실제 서비스가 되는 상용 앱을 운영 중이라면, 구축한 클라이언트 뒤의 서버와 연결되어 있는 DB에는 라이브 데이터가 쌓일 것입니다. 이런 라이브 데이터는 민감성이 높은 데이터들이 위주이기 때문에 보안이 무엇보다 중요합니다. 그러나 여러분들의 서비스 및 프로젝트가 모든 출처의 접근을 허락한다면 이러한 보안성이 현저히 낮아지고, 해킹의 위험에 그대로 노출되게 됩니다. 따라서 모든 도메인을 허용해서는 안 되고, 특정 도메인을 허용하도록 구현해야 합니다. Proxy React 라이브러리, 혹은 Webpack Dev Server에서 제공하는 proxy 기능을 사용하면 CORS 정책..
39장 DOM(8.스타일, 9.DOM 표준) 8. 스타일 1. 인라인 스타일 조작 HTMLElement.prototype.style 프로퍼티는 setter와 getter 모두 존재하는 접근자 프로퍼티로서 요소 노드의 인라인 스타일을 취득하거나 추가 또는 변경한다. Hello World CSS 프로퍼티는 케밥 케이스를 따른다. 이에 대응하는 CSSStyleDeclaration 객체의 프로퍼티는 카멜 케이스를 따른다. 예를 들어, CSS 프로퍼티 background-color에 대응하는 CSSStyleDeclaration 객체의 프로퍼티 backgroundColor이다. $div.style.backgroundColor = 'yellow'; $div.style['background-color'] = 'yell..
TypeScript (Enum,Interface,Type,Class) TypeScript 열거형(Enum) TypeScript의 열거형은 특정 값의 집합을 정의할 때 사용됩니다. 문자형 열거형과 숫자형 열거형을 지원합니다. 열거형은 숫자형과 문자열형, 혹은 이 둘의 조합으로 정의될 수 있습니다. 열거형은 일반적으로 상수값을 대신하여 사용되므로, 타입스크립트에서는 열거형이 많이 사용됩니다. 열거형은 코드를 더욱 가독성 좋게 만들어주고, 오타와 같은 실수를 방지해 줍니다. 숫자형 열거형(Enum) 디폴트 값으로 숫자형을 사용하며, 다음과 같이 값을 지정하지 않으면 각 값은 자동으로 0부터 시작하여 1씩 증가합니다. enum Color { Red = 1, Green = 2, Blue = 4, } let c: ..
TypeScript(타입, 함수, 연산자:유니온/인터섹션) TypeScript는 마이크로소프트에서 개발한 JavaScript의 상위 집합(Superset) 언어입니다. TypeScript는 정적타입 검사 기능을 제공하며, 코드의 가독성과 유지 보수성을 높여줍니다. 이를 통해 런타임 에러를 최소화하고, 코드 작성 시간을 단축하며, 협업 시 코드의 가독성을 높일 수 있습니다. TypeScript는 ES6 문법을 포함한 최신 JavaScript 문법을 지원하며, 인터페이스, 제네릭, 데코레이터 등의 기능을 제공하여 객체 지향 프로그래밍을 보다 쉽게 할 수 있도록 도와줍니다. CRA(Create-React-App) + Typescript 1. 터미널에서 프로젝트 생성 $ npx create-react-app [..
39장 DOM(6.DOM 조작 ~ 7.어트리뷰트) 6. DOM 조작 DOM 조작은 새로운 노드를 생성하여 DOM에 추가하거나 기존 노드를 삭제 또는 교체하는 것을 말한다. DOM 조작에 의해 DOM에 새로운 노드가 추가되거나 삭제되면 리플로우와 리페인트가 발생하는 원인이 되므로 성능에 영향을 줍니다. 1. innerHTML Element.prototype.innerHTML 프로퍼티는 setter와 getter 모두 존재하는 접근자 프로퍼티로서 요소 노드의 HTML 마크업을 취득하거나 변경한다. 요소 노드의 innerHTML 프로퍼티를 참조하면 요소 노드의 콘텐츠 영역(시작 태그와 종료 태그 사이) 내에 포함된 모든 HTML 마크업을 문자열로 반환한다. 앞서 살펴본 textContent 프로퍼티는 HTML..
