개발자가 되고 싶은 새

이번 포스팅은 비동기 프로그래밍 Ajax 에 관한 글이다. 들어도 들어도 무슨 말인지 모르겠고 나만 아작쓰가 났었는데 이제는 이해를 할 수 있길... 🎈 에이젝스 Ajax 란? 비동기 통신을 위한 기술 묶음 JavaScript 와 XML 또는 JSON 을 사용해 비동기 통신 방법으로 웹 애플리케이션을 제작하는 것 = 서버측 Scripts 와 통신하기 위한 XMLHttpRequest 객체를 사용하는 것 - 페이지 전체를 새로고침 하지 않아도 수행되는 비동기성 - 서버측으로 다양한 형식의 정보를 주고 받을 수 있음 XML : HTML 보다 강력하고 확장 가능한 언어 JSON : XML 보다 가볍고 사용하기 편리한 표준. 자바스크립트 객체 표기법 🎈 AJAX 의 장점 - 요청 / 응답 과정을 통해 불필요한 부..

🎈 내가 생각한 방법 1. 반복문을 돌린다. 2. 나머지 연산자를 활용해 나머지가 0이면 짝수, 1이면 홀수로 구별해준다. 3. 짝수면 even +1, 홀수면 odd +1 을 해준다. 4. 짝수,홀수 배열을 반환한다. 반복문 돌려줄 아이템 이름을 num 으로 설정해두고 if 문에서 item 이라고 작성해서 자꾸 오류가 났었다. if 에 문제가 있다고 떠서 왜 if 문 작성이 불가능할까만 생각했는데, 이름을 잘못작성한거였다니! 꼼꼼히 잘 보자..!!! 항상 for 문으로만 작성하는 것 같아서 for 문 말고 forEach, for of, 상황에 따라 map 이나 filter 도 다양하게 쓰는 연습을 해야겠다.! 는 생각이 들어서 forEach 로 작성해보았다. 🎈 forEach 배열.forEach((요소이..

1. 반복문을 돌려 s1 의 아이템들이 s2 아이템과 같은지 비교한다. 2. 같으면 count 를 올린다. 3. 센 값을 반환한다. 내가 작성한 코드 🎈 배열의 메서드 filter 사용해서 풀어보기 배열.filter( (요소이름) => 찾을 조건 ); 화살표 함수 방식으로 작성한 filter 사용법이다. 요소이름은 임의로 지정할 수 있다. 1. filter 를 돌려서 s1에 있는 아이템들이 s2 에 있으면 same 배열에 넣어준다. 2. same 의 길이를 출력한다. console.log 로 출력해보면 배열을 볼 수 있다.

1. 가지고 있는 돈 (money) 나누기 아아 (5500원) 한 정수값은 배열 첫 번째 값 2. 나머지 값은 배열 두 번째 값 내가 작성한 코드 🎈 배열의 메서드 push 배열.push(값) 배열의 끝에 값을 추가한다. 🎈 Math.floor() : 소수점 내림 🎈 나누기 연산자 / 🎈 나머지 연산자 %

내 안에 .. 너 있다.... 🎈 내가 생각한 방법 includes 를 사용하여 참이면 1을, 거짓이면 2를 반환한다. 내가 작성한 코드 굉장한 오류를 내뿜으며 includes 가 잘못되었다고 알려주었다.. 아 소괄호를 넣어야하는구나 아니아니 점도 찍어야 하는구나... 통과~~~ 🎈 배열의 메서드 includes() 배열의 항목에 특정 값이 포함되어 있는지를 판단하여 true 또는 false 를 반환한다. 배열.includes(searchElement) 배열.includes(searchElement, fromIndex) 2개의 매개변수가 올 수 있으며, 첫 번째 매개변수는 필수값이다. 1. searchElement : 찾을 값 2. fromIndex : 검색을 시작할 0기반 인덱스 정수로 변환된다. 음수..

🎈 내가 생각한 방법 1. 반복문을 사용해 n 을 1부터 n 까지 나눈다. 2. 값이 정수일 때, 카운트 한다. 3. 카운트 값을 반환한다. 그러면 for 문도 되고, forEach 도 되고, map도 되는 것일까..? 내가 작성한 코드 🎈 숫자가 정수인지 확인하는 방법 Number.isInteger() 값이 정수인지 판단해주는 함수 나머지 연산자 % 할용 정수를 1로 나눴을 때 나머지는 항상 0이 되는 속성을 이용

무조건 한 조각씩은 먹게 피자를 시키려면 최소 몇 판의 피자를 시켜야 하냐... 아니 코딩테스트 이거 풀다보니까 수학 문제 아니에요? ㅠㅠ 🎈 내가 생각한 방법 1. 조건 : slice / n 의 결과는 1이상 이어야 한다. 2.n / slice 값을 올림한 값을 반환시킨다. 내가 작성한 코드 앗. floor 는 내림이었다. 올림인 ceil 로 바꿔주니 성공하였다. ! ceil 은 천장 floor 은 바닥이라서 올림, 내림이라는 것 기억하자..!!! 소수점 올림, 내림, 반올림, 버림에 대해서는 피자 나눠 먹기 (1) 글에서 해놓았다. https://h2s0.tistory.com/33

이것은.! slice 인가 splice 로 배열을 자르면 되는 것 아니던가 ! 🎈 내가 생각한 방법 1. num1 부터 num2 까지만 도려내준다. 2. 반환한다 ! 내가 알기로는 기존의 배열을 수정한다고 알고 있는데.. 배열에서 변화가 전혀 일어나지 않았다. slice 의 두 번째 매개변수가 n 일 때, n 번째 값은 포함하지 않는다는 것을 보고 +1을 해주었다. 그리고도 안되길래 굉장히 혹시 몰라서 변수에 담아줘보았는데 바로 통과했다.. 변수에 담는 것과 그렇지 않은 것의 차이가 무엇일까? => 아하 아래 정리하다가 알게 되었는데 slice 의 원본 배열은 바뀌지 않는다. 그래서 numbers 반환했을 때 원본이 나온것이다. 아하 나는 바보. 🎈 배열의 메서드 slice slice() 메서드는 배열의..

🎈 내가 생각한 방법 반복문 돌려서 배열의 원소 *2 한 다음 결과값 반환하기 -> 이 방법이 뭔가 이상해서 배열 아이템 대체 등등 찾아보다가 새로운 push pop 등등은 기존 배열을 수정한다는 사실을 떠올렸다. 그래서 그럼 새로운 배열을 만들어내는 애들은 뭐였지..? 하고 찾아보니 map 이 있었다! 그래서 map 을 이용해보았는데,,, 결과는 널널널널... 뭐가 잘못된 것일까 아하.. 쓰는 방법이 틀렸던 것이였다.. ㅎㅎ 일반함수 모양으로 작성해보자면 이러한데, item * 2 앞의 return 을 넣지 않으면 널널널이 나온다. 왜 return 을 두 번 해줘야만 제대로 값이 나오는 것일까?... item * 2 앞의 return 은 answer 이라는 배열으로 반환해주는 거고 return answ..

와.. 몇 번째 서는지 궁금해서 코딩하는 머쓱이.. 진짜 인정이다.. 근데 몇 번째인지 바로 구하면 되지 왜 키큰 사람이 몇명인지 구하는걸까... 1. 빈 answer 변수 주기 2. 반복문을 돌려서 배열의 원소와 height 값을 비교해 height 값보다 클 때 answer++ 해준다. 3. answer 을 출력한다. 작성한 코드 반복문을 돌릴 때 for 문 말고 forEach 를 쓰는 시도를 해보았다.! 비록 쉬운 문제였지만 한 번에 테스트 통과해서 굉장히 뿌듯 ㅎㅎㅎ 🎈 forEach 문 배열.forEach( ( 내가 임의로 정하는 배열 요소 하나하나의 이름 ) => { 해 줄 행동 }); 🎈 배열의 메써드 filter() 주어진 배열의 일부에 대한 얕은 복사본을 생성하고, 주어진 배열에서 제공된..