본문 바로가기

전체 글

스프레드 문법(...arr) 함수를 호출할때 ...arr를 사용하면, 이터러블 객체 arr이 인수 목록으로 '확장'됩니다. let arr = [3,5,1]; alert(Math.max(...arr)); // 5 (스프레드 문법이 배열을 인수 목록으로 바꿔주었습니다. 아래와 같이 이터러블 객체 여러 개를 전달하는 것도 가능합니다. let arr1 = [1,-2,3,4]; let arr2 = [8,3,-8,1]; alert(Math.max(...arr1, ...arr2)); //8 스프레드 문법은 평범한 값과 혼합해 사용하는 것도 가능합니다. let arr1 = [1, -2, 3, 4]; let arr2 = [8, 3, -8, 1]; alert(Math.max(1, ...arr1,2,...arr2,25)); //25 스프레드 문법은 배.. 더보기
소수 출력하는 알고리즘 문제 소수(prime number)는 자신보다 작은 두 개의 자연수를 곱하여 만들 수 없는 1보다 큰 자연수입니다. 다시 말해서 1과 그 수 자신 이외의 자연수로는 나눌 수 없는 자연 수 값 n을 입력했을 때, 소수값들을 나타내라. 풀이 범위 내 모든 숫자 i 에 대해서 { 1과 i사이에 제수가 있는지를 확인 있으면 => 소수가 아님 없으면 => 소수이므로 출력해줌 } function prime_Number(num){ let arr = []; if(num == 2){ arr.push(2); return arr; }else if(num == 3){ arr.push(2); arr.push(3); return arr; }else{ nextPrime: for(let i=2; i 더보기
문자열 비교 자바스크립트는 '사전순'으로 문자열을 비교합니다. '사전편집(lexicographical)' 순이라고 불리기도 하는 이 기준을 적용하면 사전 뒤쪽의 문자열은 사전 앞쪽의 문자열보다 크다고 판단됩니다. 예를들어, let test1 = ('I' > 'A'); let test2 = ('gentle' > 'gentla'); let test3 = ('man' > 'ma'); console.log('1.: '+ test1 ); console.log('2.: '+ test2 ); console.log('3.: '+ test3 ); 1. : true 1. : true 1. : true 문자열 비교시 적용되는 알고리즘은 다음과 같습니다. 1. 두 문자열의 첫글자를 비교합니다. 2. 첫 번째 문자열의 첫 글자가 다른 문자.. 더보기
WIL - 01 교육을 들으면서 첫주가 지났다. 이번주 내에 2가지의 프로젝트를 진행했다. 프로젝트 1. 토이 프로젝트(강사 페이지 만들기) 2 풀 스택 미니 프로젝트 (유기견 보호소) 사전 공부 내용 1. 웹 개발 종합반(스파르타 클럽) 2. poiemaweb에서 HTML, CSS, javascript 공부 3. 간간히 youtube에서 웹 프론트 강의 찾아보기 배운점 1. clone 코딩을 통한 웹 구조의 체계 2. github 사용 법 3. 로그인 페이지 원리 4. javascript 함수 활용 5. python 을 활용한 flask 사용법 6. DB를 이용한 데이터 활용 개발 소감 솔직히 프로젝트를 진행하기전에 큰 무리가 없을거 같다고 생각했다. 우리가 개발할 수 있는 능력에 한계가 있고, 그냥 내가 생각한 정보.. 더보기
옵셔널 체이닝 optional chaining 연산자 (?.)는 체인의 각 참조가 유효한지 명시적으로 검증하지 않고, 연결된 객체 체인 내에 깊숙이 위치한 속성 값을 읽을 수 있다. 간단히 예기하자면 에러가 발생하는 것 대신에 표현식 리턴 값으로 undefined를 준다. 함수 호출에서 사용될 때, 만약 주어진 함수가 존재하지 않는다면, undefined를 리턴한다. 오늘 작업을 하다가 이미지 태그의 "src" 속성값을 읽어 오려고 했다. 그리고 나서 interlock, 만약 값이 없다면 어떻게 해야될까 고민이됬다. var imgData = document.querySelector('#img_id_box').src; imgData로 값을 받아서 쓰긴했는데, src 없을 땐 에러를 띄워버려서 어떻게 해야 조건해결이 될까.. 더보기
동적 Element 생성시 함수인자 따옴표 오늘 작업하다가 같이 프로젝트를 하시던 분이 onlick 으로 함수 호출하려고 하는데 함수 인자가 있는 함수가 작동이 안한다고 했다. var de +="조회" 이걸보고 나는 당연히 될줄 알았는데 안된다... 매개변수로 숫자를 넣어주면 되는데 매개변수가 문자면 함수가 동작을 하지않았다. var de +="조회" \ 는 이스케이프라고 불리우는 것으로, 이스케이프 다음에 나오는 따옴표는 무시해라 라고 해석하면 된다. 위 경우는 함수 안에 인자가 string 이기 때문에 홑 따옴표(또는 따옴표)로 감싸야 합니다. 그리고 함수를 감싸고 있는 것이 홑 따옴표이므로, 내부는 따옴표를 넣어야 합니다. 그런데 따옴표가 연속되므로 이스케이프가 없다면, 그냥 중간에 따옴표가 생신것이 됩니다. 매개변수를 감싸는 따옴표가 필요.. 더보기
Git push 오류 (Updates were rejected because ..) github에서 브런치를 만들어 작업을 하고 있었다. (toy 프로젝트지만 ...) 각각의 개발자들이 작업해 놓은 내용을 합치기 위해 각각의 브런치에 커밋을 하고 push를 하려는 순간....에러가 와장창창 쏟아져 내렸다. hint: Updates were rejected because the remote contains work that you do hint: not have locally. This is usually caused by another repository pushing hint: to the same ref. You may want to first integrate the remote changes hint: (e.g., 'git pull ...') before pushing again.. 더보기
첫번째 프로젝트 준비 웹 프로그래밍을 하면서 처음 프로젝트를 하게 됬다. 프로젝트 인원은 총 4명이고 다들 개발자는 처음이고 다른 일을 하다가 이번에 개발자가 되기 위해 준비를 하던 중 만나게 됬다. 4명이서 처음 기획한 프로젝트는 웹 페이지를 만드는 것이었고 주제는 자유였다. 1. 주제 정하기 2. 와이어 프레임 만들기 3. 파트 분담 4. 1차 제작 순차적으로 진행했고...진행하면서 느낀점은 1. 주제 정하기 : 주제는 솔직히 뭘하던 상관이 없었다. 그냥 우리가 지금 만들기에 가장 편하고 활용하기 쉬운목적의 페이지를 만들기로 했다. 이것 저것 찾아보다가 주제를 정했다. 2. 와이어 프레임 만들기 와이어 프레임 만들 때 그림판으로 하려다가.... 팀원 중 한분이 pigma를 추천해줘서 그걸로 사용해 봤다. 와우... 거의 .. 더보기

티스토리툴바