Bin's Blog

1. 라이브러리 공통으로 사용될 수 있는 특정한 기능들을 모듈화한 것을 의미한다. 폴더명, 파일명 등에 대한 규칙이 없고 프레임워크에 비해 자유롭다. 여러 가지 기능을 제공하는 함수들의 집합이고, 프로그램 개발 시, 라이브러리를 사용하면 일부 기능을 손쉽게 구현할 수 있다. 예를 들어, 수학 계산을 위한 라이브러리를 사용하면 사람이 직접, 계산할 필요 없이 라이브러리 함수를 호출하여 결과를 얻을 수 있다. 개발자가 필요한 기능을 보완하여 개발을 용이하게 해주는 역할을 한다. 코드의 가독성도 높여준다. 대표적인 라이브러리 JQuery HTML 문서의 요소를 선택하고 조작하는 기능을 제공하는 라이브러리 다양한 브라우저에서 일관된 방식으로 동작하도록 개발되어 있습니다. React UI(User Interfac..

1. 불변값 변수(참조형)와 상수(기본형)를 구분하는 성질은 변경 가능성이다. 바꿀 수 있으면 변수, 바꿀 수 없으면 상수이다. 변수는 변경 가능한 데이터를 달길 수 있는 공간이고, 식별자는 그 변수의 이름이다. 변수와 상수를 구분 짓는 변경 가능성의 대상은 변수 영역 메모리이다. 변수 공간에 다른 데이터를 재할당할 수 있는지 여부가 중요하다. 불변성 여부를 구분할 때의 변경 가능성의 대상은 데이터 영역 메모리이다. 기본형 데이터는 숫자, 문자열, boolean, undfined, Symbol은 모두 불변값이다. let a = "abc"; a = a + "def"; 변수 a에 문자열 "abc"를 할당했다가 뒤에 "def"를 추가하면 기존의 "abc"가 "abcdef"로 바뀌는 것이 아니라 새로운 문자열 ..

1. State - state는 왜 필요해? 어떤 자료를 잠깐 저장하고 싶을 때 사용한다. - 사용방법 useState를 import한다. 내가 잠시 맡길 자료를 useState()안에 저장한다. 보통 let [자료, 자료 변경 도우미(함수)]의 구조의 형태를 가진다. - 일반 변수 vs state 일반 변수는 값이 변경되면 html에 자동으로 반영되지 않는다. 반면에 state는 갑자기 값이 변경되면 html에 자동으로 반영된다.(재렌더링) 결론 자주 아무때나 state 사용하지 말고 어떤 값이 자꾸 변경되는 부분만 사용하자. - state 함수 사용법(3가지 중에 하나 선택) event handler = { 함수 } event handler = { 함수() { console.log(1) }} even..

프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr ▶ 문제 요약 1. 트럭 여러 대가 일차선 다리를 정해진 순으로 건너려한다. 모든 트럭이 다리를 건너려면 최소 몇 초가 걸리는지 알아내라. 2. 다리에는 최대 bridge_legnth대 올라갈 수 있으며, 다리는 weight 이하까지의 무게를 견딜 수 있다. 3. 모든 트럭이 다리를 건너려면 최소 몇 초가 걸리는지 return해라. ▶ 코드 function solution(bridge_length, weight, truck_weights) { // 다리 = [트럭무게, 트럭이 나갈 시간] let time = ..

프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr ▶ 문제 요약 1. 0 또는 양의 정수가 주어졌을 때, 정수를 이어 붙여 만들 수 있는 가장 큰 수를 알아내 주세요. 2. [6, 10, 2]라면 [6102, 6210, 1062, 1026, 2610, 2106]을 만들 수 있고, 이중 가장 큰 수는 6210이다. 3. 순서를 재배치하여 만들 수 있는 가장 큰 수를 문자열로 바꾸어 return하도록 작성 ▶ 코드 function solution(numbers) { // 내림차순 정렬 후 문자열로 변환 let answer = numbers.sort((a, b) ..