티스토리

CodingBlog

검색하기

블로그 홈

CodingBlog

codingforeveryone.tistory.com/m

카트먼 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

배열 스프린트 회고 22~26 22. // 모든요소의 곱을 반환하는 함수 작성 // reduce 사용하면 될듯 function computeProductOfAllElements(arr) { let multi = ''; if(arr.length === 0){ return 0 } multi = arr.reduce(function(acc , cur){ return acc * cur }) return multi; } 23. //아까 분명히 혼자 힘으로 풀었는데 다시푸니까 안됨 ㅠㅠ // 딱히 배열메소드 안쓰고 풀었던 방법이 아래방법 function getLengthOfLongestElement(arr) { let longist = ''; for(i in arr){ if(arr[i].length >= longist.length ){ longi.. 공감수 0 댓글수 0 2020. 7. 17.
배열메소드 스프린트 회고 16~21 16. //str안에 단어를 담고있는 배열을 반환 // split 으로 빈문자열로 나눠주면 될듯 //빈 문자열이 주어지면 빈 배열 반환하기 function getAllWords(str) { if(str.length === 0){ return []; } return str.split(" "); } 17. 아직 못풀었다 18. // 매개변수와 일치하지 않는 모든 요소를 포함하는 배열을 반환하라. //모든 요소가 일치한다면 빈배열 , 빈배열이 주어진다면 빈배열을 반환해야함 // for 문으로 인덱스를 반복한다. // discarder와 일치하지 않을경우 새배열에 모든 요소를 push 해주는 배열을 만들자. // 모든요소가 일치할때 빈배열이 반환될것이다 (굳이 따로 만들어줄 필요 없음) // 빈배열이 주어진다면.. 공감수 0 댓글수 0 2020. 7. 17.
배열메소드 스프린트 회고하기 11~15 11. //배열과 요소가 주어졌을때 주어진 배열의 복사본끝에 주어진 요소가 된 배열을 반환 // 끝에 주어진 요소를 더한 배열을 반환하면 된다. // 새로운 배열을 만들어야 한다. // 기존 배열을 수정하지 말아야 한다 ( immutable method) function addToBackOfNew(arr, element) { let newArr = []; newArr = arr.slice(0,arr.length) newArr.push(element) return newArr; }; 12. //배열과 요소가 주어졌을때 주어진 요소가 맨 앞에 있고 (unshift) //기존배열의 요소들을 모두 담고있는 새로운 배열을 반환 (slice) //새로운 배열 만들기. function addToFrontOfNew(a.. 공감수 0 댓글수 0 2020. 7. 16.
배열메소드 스프린트 회고 ( 1- 10 ) 1. // 주어진 요소를 배열의 맨 앞에 추가하는 함수 // 새로운 배열이 아닌 같은 배열을 리턴해야함 ( mutable method 를 사용해서 배열 자체를 바꿔야 한다.) // unshift 를 사용하자 ( unshift는 mutable method 이다. ) function addToFront(arr, element) { arr.unshift(element); return arr } 2. //주어진 요소를 배열의 맨뒤에 추가해야함. //새로운 배열이 아닌 같은 배열 리턴 ( mutable method 사용.) //맨 뒤니까 push 를 사용하자. function addToBack(arr, element) { arr.push(element); return arr; } 3. //concat method.. 공감수 0 댓글수 0 2020. 7. 16.
5. 객체와 타입 1~3 1. 값이 문자열일 경우 그 값을 제거하는 함수 작성 function removeStringValues(obj) { //속성값이 문자열인 모든 속성 제거 //속성값이 문자열일때 그 속성을 제거하는 조건문 작성 for(prop in obj){ if(typeof obj[prop] === "string" ){ delete obj[prop] } } } for 반복문과 조건문 , typeof 로 함수를 만들어 주었다. typeof obj[prop] = 'string' 으로 했었는데 syntax error 가 떴다. 타입과 값이 정확히 스트링과 일치해야 하기때문에 === 를 쓰는건가 보다 . 그리고 string 도 type of 를 mdn 에 검색해보니 typeof 를 사용할때 결과값은 항상 스트링값으로 나온다고 .. 공감수 0 댓글수 0 2020. 7. 13.
4. 객체 11~13 11. 객체의 키 값 쌍을 문자열로 리턴하는 법 function printObject(obj) { //객체 안에 정의된 키와 값 쌍을 조합한 문자열 리턴 //문자열은 한줄에 하나의 키값 쌍을 : 와 공백과 함께 리턴 . //for .. in 구문 이용 let print = ''; for (prop in obj){ if(obj[prop]){ print = print + `${prop}: ${obj[prop]}\n` } } return print; } let print = {} 라고 해놓고 계속 텟트가 통과되지 않아 헤맸다 스트링으로 반환하는 것이기 때문에 객체안에 넣어줄 필요가 없고 그냥 스트링으로 만들어서 합치면 될 일이였다. 거의 이 문제 해결에 삼십분이상 소요된 것 같다. 12. 객체 extends .. 공감수 0 댓글수 0 2020. 7. 12.
4.객체 7~10 7. 객체의 키속성값의 모음이 다른 객체가 될수있음 . function addFullNameProperty(obj) { //'firstName lastname'반환 해야함 obj.fullName = obj.firstName + ' ' + obj.lastName } //obj[fullName] = obj[firstName]+ ' ' + obj[lastName] num){ delete obj[prop] } } } 9. for ..in 구문의 사용과 객체에서의 연산자 사용 function removeOddValues(obj) { //홀수인 속성값 제거 //for .. in 사용 for ( prop in obj){ if(obj[prop] % 2 === 1){ delete obj[prop]; } } } 10. f.. 공감수 0 댓글수 0 2020. 7. 11.
2020.7.7 복습 누군가에게 설명한다고 생각하고 개념을 기억해보기 ( 누군가 설명해달라고 했을때 바로 설명 가능할정도로 이해해야한다. - 커뮤니케이션 능력 ) 배열의 구조 객체의 구조 배열과 객체의 특징 배열의 용어 이해 -index. element 객체의 용어 이해 - key , value, property 배열의 element (요소 ) 추가 , 삭제 , 조회를 설명 객체 속성 (property ) 의 추가 삭제 조회를 설명 dot noatation & braketnotation 반복문에서 초기화 조건식 증감문 설명 축약형 연산자 ( +=) 설명 return 과 console.log 의 차이 설명 배열의 구조 : 배열은 브라켓 안에 순서가 있는 값들이 들어가 있는 것을 뜻한다. 이 순서는 인덱스 라고 부르고 , 0부터.. 공감수 0 댓글수 0 2020. 7. 7.
4. 객체 4 ~ 6 4.addObjectProperty 함수를 작성하시오 // obj1 이라는 첫번째 객체에 키이름으로 속성을 만드는데 , 그 값이 obj2 여야한다. //이 문제의 목적은 객체의 키 속성값이 다른객체가 될수 있다는것을 아는것이다. function addObjectProperty(obj1, propertyName, obj2) { obj1[propertyName] = obj2; } 이것을 콘솔에 연습해보면 5. removeProperty 함수 작성 //주어진 키에 해당하는 객체의 속성값을 제거해야 한다. //이 문제의 목적은 객체의 속성값을 제거하는법을 아는것 이다. function removeProperty(obj, propertyName) { delete obj[propertyName]; } delete연.. 공감수 0 댓글수 0 2020. 7. 7.
4. 객체 1~ 3 1. getproperty 함수 작성 //주어진 객체와 키를 이용하여 속성값을 찾아 리턴 //주어진 키가 객체의 속성에 없다면 undefined를 리턴 function getProperty(obj, propertyName) { return obj[propertyName]; } 2.addproperty 함수 작성 // addproperty 함수는 주어진 객체에, 키 이름으로 속성을 만들고 값을 true로 설정 function addProperty(obj, propertyName) { obj[propertyName] = true; } 어떻게 해야하는지 감도 안잡혀서 레퍼런스를 봤다. 위에가 레퍼런스 답인데 봐도 이해가 안가서 콘솔에 찍어봄 객체에 키이름으로 속성값을 만들고 그 값을 true로 설정해 주었다... 공감수 0 댓글수 0 2020. 7. 7.
JavaScript array - push () , pop() , slice() , splice() push() 배열의 끝에 하나이상의 요소를 추가하고 , 배열의 새로운 길이를 반환 *원본 배열을 바로 수정 * const fruits = ['apple', 'banana', 'avocado', 'lemon', 'cherry']; const count = fruits.push('kiwi'); console.log(count); // expected output: 6 console.log(fruuits); // expected output: Array ['apple', 'banana', 'avocado', 'lemon', 'cherry', 'kiwi']; fruits.push('orange', 'grape'); console.log(animals); // expected output: Array [['app.. 공감수 0 댓글수 0 2020. 7. 7.
윈도우 사이즈 이 네가지의 넓이와 높이를 보여줄수 있도록 코딩을 해보시오 windowscreen windowinner windowouter documentElement 의사코드 작성 //스크립트 태그 //const tag = 쿼리셀렉터 태그 // function resize() { //tag.innerhtml 을 사용하여 html 작성 //각각 4가지의 너비와 높이 프린트 하는 코드 작성 } //윈도우. 애드이벤트리스너 , 리사이즈일때 {함수 작성 //함수 내부에 함수 부르기 (resize()) } //함수 외부에 resize() ; //스크립트 태그 닫기 코드 작성 addEventLIstener 와 querySelector , innerHTML 을 배웠다 . 내 수준에선 너무 어려운 문제여서 하나도 내 힘으로 하지는.. 공감수 0 댓글수 0 2020. 7. 6.
Document. querySelector() 정의 Document.querySelector() 은 제공한 선택자나 선택자뭉치와 일치하는 문서 내 첫번째 element 를 반환한다. 일치하는 요소가 없으면 null 을 반환한다. 구문 document.querySelector(selectors); 선택자로 DOM요소를 선택해야 한다. 아닐경우 SYNTAX_ERR 가 발생한다. css 표준 구문이 아닌 문자일경우 역슬래시로 이스케이프 JavaScript또한 역슬래시로 이스케이프 해야함 예제 클래스를 만족하는 첫번째 요소 검색 var el = document.querySelector(".myclass"); 복잡한 선택자 var el = document.querySelector("div.user-panel.main input[name=login]"); Do.. 공감수 0 댓글수 0 2020. 7. 5.
Javascript - event listener/ addEventListener event listener window.onclick = function(){ alert('I\'m clicked')' }; 위의 코드가 대표적인 이벤트리스너 코드이다. window가 click 될때 function부분이 실행된다 window가 click 됐다는것을 browser가알려준다. 이벤트 리스너는 항상 on + '이벤트명' 으로 명명된다. 여러가지 태그에 이벤트를 설정할 수 있다 . ( 모든 DOM들 ) 자주쓰이는 이벤트 목록 onblur (객체가 포커스를 잃었을때) onchange(객체의 내용이 바뀌고 포커스를 잃었을때 ) onclick (객체를 클릭했을때 ) ondbclick ( 객체를 더블클릭 했을때) onerror(에러가 떴을떄) onfocus(객체에 포커스 되었을때 ) onkeydown.. 공감수 0 댓글수 0 2020. 7. 5.
3. 배열의 반복 1 , 2 배열의 반복 1. Write a function called "computeSumOfAllElements". Given an array of numbers, "computeSumOfAllElements" returns the sum of all the elements in the given array. function computeSumOfAllElements(arr) { //sum = 0 을 선언한다 let sum = 0; //for loop 로 i 값을 만든다 . 길이는 arrlength 보다 작다 for(i =0; i < arr.length ; i++){ sum = sum + arr[i]; } //sum = sum + arr[i] //for loop 끝내고 //return sum return sum.. 공감수 0 댓글수 0 2020. 7. 4.
3. 반복문 1~3 1. n까지의 총 합: n을 매개변수로 받아 0 부터 n 까지 모든 수의 총 합을 반환하는 함수를 작성하세요. sum(3); // => 6 sum(4); // => 10 sum(5); // => 15 function sum(n) { let result = 0 ; for(i= 0; i 공감수 0 댓글수 0 2020. 7. 4.
HTML - style , script 태그 HTML style tag https://www.freecodecamp.org/news/inline-css-guide-how-to-style-an-html-tag-directly/ Inline CSS Guide – How to Style an HTML Tag Directly You’ve written some HTML and now need to style it with CSS. One way is to use inline styles, which is what this article is about. This is my first paragraph. Before we jump into the nuances of inline styles—w www.freecodecamp.org 링크를 이용해서 외부 CS.. 공감수 0 댓글수 0 2020. 7. 4.
배열기초 /타입 1 , 배열기초 1-3 배열기초 / 타입 1. 주어진 파라미터의 타입을 리턴하는 함수를 작성하시오. 파라미터가 array 일 경우 array 를 리턴해야함 function getType(anything) { if (Array.isArray(anything)) { return 'array'; }else { return typeof anything; } } Array.isArray - 배열과 객체를 구분하기 위하여 사용. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray Array.isArray() Array.isArray() 메서드는 인자가 Array인지 판별합니다. developer.mozilla.org 배열기초 .. 공감수 0 댓글수 0 2020. 7. 4.
JavaScript - Basic . 객체 객체는 키와 값 쌍으로되어있다 key: firstName .lastName , email , city 값 : 'Lina ' , 'Yoon' , 'Seoul ' let user = { firstName : 'Lina', lastName : 'Yoon', email: codinglover@mail.com, city : Seoul }; 객체의 값을 사용하는 방법 Dot notation key 값이 변하지 않을때 사용된다. user.firstName ; // 'Lina' user.lastName ; //'Yoon' Braket notation key 값이 동적으로 변할때 주로 사용된다 user['city']; // 'Seoul' user['email']; // 'codinglover@mail.com dot / .. 공감수 0 댓글수 0 2020. 7. 3.
JavaScript - Basic . 반복문 , 배열의 반복 반복문은 같거나 비슷한 코드를 여러번 실행시켜야 할 경우에 쓰는 구문이다. for구문 반복할 조건을 초기화 , 증감문 , 조건식 순으로 넣어준다 for( let n = 0 ; n 공감수 0 댓글수 0 2020. 7. 3.
2. 타입 1 ~3 1. convertToString함수가 있습니다. 이 함수는 주어진 파라미터를 문자열의 형태로 변환합니다. 파라미터가 객체이거나, 배열일 경우는 신경쓰지 않아도 좋습니다 let output = convertToString(120); console.log(output); // --> '120' let output2 = convertToString('hello'); console.log(output2); // --> 'hello' let output3 = convertToString(true); console.log(output3); // --> 'true' function convertToString(anything) { return String(anything); } 검색 키워드 Javascript re.. 공감수 0 댓글수 0 2020. 7. 2.
JavaScript - Basic . 배열 배열은 순서가 있는 값이다 인덱스 [0] [1] [2] [3] [4] 요소 80 21 35 77 100 인덱스 는 순서를 나타내며 , 0부터 번호를 매긴다 let myNumber = [80, 21, 35, 77, 100] myNumber 라는 배열의 2번째 인덱스 값은 35이다 myNumber 라는 배열의 4번째 인덱스를 조회하려면 : myNumber[4]; //100 값은 인덱스를 이용해 접근한다 myNumber 배열의 3번째 인덱스 값을 변경하려면 : myNumber[3] = 34; let myNumber = [80, 21, 35, 34, 100] 배열의 길이를 알아낼 수 있다 myNumber 배열의 길이를 알아내려면 : myNumber.length; // 5 온점을 이용하여 변수가 가지고있는 속성(.. 공감수 0 댓글수 0 2020. 7. 2.
2. 수학 - 1~3. 1. 삼각형의 밑변과 높이가 주어졌을때, "computeAreaOfATriangle" 함수는 삼각형의 넓이를 반환합니다. function computeAreaOfATriangle(base, height) { // your code here } function computeAreaOfATriangle(base, height) { return base * height * 1/2; // your code here } 내가 한 방법은 위의 방법 function computeAreaOfATriangle(base, height) { return (base * height) / 2; } 이 코드처럼 괄호로 묶어서 2로 나누어도 된다. 2. 숫자와 지수가 주어졌을때, "computePower" 함수는 숫자의 지수만큼 .. 공감수 0 댓글수 0 2020. 7. 2.
1. 문자열 7 , 8 7. Given a name and a password, "areValidCredentials", returns true if the name is longer than 3 characters, AND, the password is at least 8 characters long. Otherwise it returns false. function areValidCredentials(name, password) { // your code here } function areValidCredentials(name, password) { if(name.length >3 && password.length >= 8){ return true; }return false; } 이름과 비밀번호 길이가 각 3보다 크고 8 .. 공감수 0 댓글수 0 2020. 6. 28.
1. 문자열 4 ~ 6 4 Given a word, "isOddLength" returns whether the length of the given word is odd. function isOddLength(word) { // your code here } function isOddLength(word) { if(word.length % 2 === 1){ return true; } return false; } 홀수를 찾기위해 2로 나누었을때 나머지가 1일 경우로 조건문을 짰다 5. Given a word, "isEvenLength" returns whether the length of the word is even. function isEvenLength(word) { // your code here } function is.. 공감수 0 댓글수 0 2020. 6. 28.
1. 문자열 1~3 1. Given a first and a last name, "getFullName" returns a single string with the given first and last names separated by a single space. function getFullName(firstName, lastName) { // 여기에 코드를 작성하세요 } function getFullName(firstName, lastName) { return `${firstName} ${lastName}` } 내가 만든 코드가 위의 코드이다. `를 사용하면 그안의 모든 요소가 string 으로 취급된다. 매개변수는 ${firstName}처럼 표현해줘야 매개변수라는걸 알리수있다. 그냥 firstName 이라고 쓰면 fi.. 공감수 0 댓글수 0 2020. 6. 28.
0. 조건문 9 , 10 9. Write a function called "or". ("or" 함수를 작성하세요.) Given 2 boolean expressions, "or" returns true or false, corresponding to the || operator. (boolean 두개가 주어졌을때, "or" 함수는 || 연산자에 대응하는 true 나 false 를 반환합니다.) Notes: Do not use the || operator. (|| 연산자를 사용하지 마세요.) Use ! and && operators instead. (대신 ! 와 && 연산자를 사용하세요.) function or(expression1, expression2) { // 여기에 코드를 작성하세요 } function or(expressio.. 공감수 0 댓글수 0 2020. 6. 28.
0. 조건문 7, 8 7. "convertScoreToGrade" 함수를 작성하세요. 점수가 주어졌을때, "convertScoreToGrade" 함수는 주어진 점수와 대응하는 등급을 문자열로 반환합니다. Notes: (100 - 90) --> 'A' (89 - 80) --> 'B' (79 - 70) --> 'C' (69 - 60) --> 'D' (59 - 0) --> 'F' 만약 주어진 점수가 100을 초과하거나 0 미만이라면 문자열 INVALID SCORE 를 반환해야 합니다. function convertScoreToGrade(score) { // 여기에 코드를 작성하세요 } function convertScoreToGrade(score) { if(90 'D' (59 - 0) --> 'F' 만약 주어진 점수가 100을 초.. 공감수 0 댓글수 0 2020. 6. 27.
JavaScript - Basic . 함수 (Function) 함수는 입력 - 함수- 출력 의 과정 function A ( B ) A는 함수이름 B는 매개변수 (매개변수는 함수 실행시 입력에 따라 바뀔 수 있는 변수) 함수선언식 function myfunction (input) { //컴퓨터에게 시킬일 } ex) function declare(input) { input = input +1 ; return input } 위의 예제는 함수 선언식이며 input 이라는 매개변수를 넣어주었다. 함수안에 매개변수input 에다가 input + 1 이라는 값을 다시한번 할당해주었고 input 을 리턴해 주었다. 함수표현식 let myFunction = function ( input ) { //컴퓨터에게 시킬일 } ex) let expression = function(input.. 공감수 0 댓글수 0 2020. 6. 27.
0. 조건문 4~6 4. 2번째 숫자가 1번째 숫자보다 큰지 반환해야함. function isGreaterThan(num1, num2) { // 여기에 코드를 작성하세요 } function isGreaterThan(num1, num2) { if(num1 < num2){ return true; } else { return false; } } 나는 위에 처럼 코딩을 썼는데 , unction isGreaterThan(num1, num2) { if (num1 < num2) { return true; } //else가 없다 return false; } 위처럼 else 를 생략하는 형태로도 쓸 수 있다 . return 이 되면 함수가 종료되고 return 뒤의 코드는 실행되지 않기 때문이다. else로 구분해주지 않아도 자연스럽게 i.. 공감수 0 댓글수 0 2020. 6. 27.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.