일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 코딩 어?
- 레디스 확인
- 객체를 배열로
- 객체의 밸류값만 찾기
- sql like연산자
- 5.3.8 Modifying Queries
- 중복 문자열
- 제로베이스
- 재귀스왑
- ...점점점문법
- @Moditying @Query
- 배열을 객체로
- lastIndexOf()
- ubuntu타임존
- js 문자열을 문자배열로
- 중복문자제거
- 시퀄 문법
- 스프링 데이타 JPA
- 깃 토큰 만료
- 배엘에서 스왑
- indexOf()
- 중복단어제거
- 문자열 중복
- 객체의키값만 찾기
- 우분투 시간 변경
- 문자열순서바꾸기
- 단어 제거
- 프론트엔드 스쿨
- 중복된 단어
- sql 문자열 패턴 검색
- Today
- Total
목록프론트/JavaScript (11)
코딩기록
arrA의 타입은 object const solution = (A) => { const arrA = A.toString().split('').map(Number); console.log('arrA: ', arrA);}console.log("solution", solution(12345));//printarrA: [ 1, 2, 3, 4, 5 ]arrA의 타입은 object
스왑 기본 동작좌항에서 배열의 각 위치에 우항의 값을 차례대로 할당하는 방식[a, b] = [b, a];우항: [b, a] → 우항에서 b와 a의 값이 평가.좌항: [a, b] → 좌항에서 a와 b는 우항의 값을 차례대로 받는 것결과적으로, 좌항의 a에는 b의 값이 들어가고 b에는 a의 값이 들어감. 순열 재귀함수 - 스왑순열 (Permutation) 은 순서를 고려하여 나열하는 경우의 수let input = ['a', 'b', 'c'];let count = 0;// 순열 재귀함수 (배열, 시작할위치, 순열길이)const permutation = (arr, s, r) => { // 1. 재귀함수를 멈춰야할 조건 if (s === r) { count++; console.log(..
Array.from()은 유사 배열 객체(array-like object)나 반복 가능한 객체(iterable object)를 배열로 변환하는 데 사용.문법 Array.from(arrayLike, mapFunction, thisArg);매개변수arrayLike: 배열로 변환하려는 유사 배열 객체 또는 반복 가능한 객체.mapFunction (선택 사항): 배열의 각 요소에 대해 호출할 매핑 함수.thisArg (선택 사항): mapFunction을 실행할 때 this로 사용할 값.사용 예제1. 유사 배열 객체를 배열로 변환 (문자열 => 문자배열)let str = "Hello"; let arr = Array.from(str); console.log(arr); // ["H", "e", "l", "l", ..
숫자배열 양수를 음수로 혹은 음수를 양수로 변환function invert(arr) { return arr.map(x => x == 0 ? - 0 : 0 - x); } 모두 양수로function invert(arr) { return arr.map(x => Math.abs(x)); } 모두 음수로function invert(arr) { return arr.map(x => -Math.abs(x)); } 참고 나, 쳇지피티
1. 부트스트랩 아이콘 홈피에서 svg 주소를 html에 붙인다. 2. 마우스 호버 + script로 색상 변경1). css > hover 시 color: red로 변경.그리고 fill-heart를 우선 화면에 보이지 않게 변경하고 fill속성을 red로 채운다.[css].top-left span:nth-of-type(1):hover { color: red;}#fill-heart { display: none; fill: red;} 2). html에서 svg에 id값을 부여한뒤script에 하트, 채워진하트 addEventListener로 클릭이벤트 발생시 스타일의 디스플레이 속성을 변경한다. 참고 제로베이스 판다코딩 강의부트스트랩아이콘 - https://icons.getbootstr..
1. 모던 자바스크립트 Deep Dive 저자 이웅모 강사님도서 - 모던 자바스크립트 Deep Dive -이웅모이웅모 강사님 홈피 - https://poiemaweb.com/js-prototype Prototype | PoiemaWeb자바스크립트의 모든 객체는 자신의 부모 역할을 하는 객체와 연결되어 있다. 그리고 이것은 마치 객체 지향의 상속 개념과 같이 부모 객체의 프로퍼티 또는 메소드를 상속받아 사용할 수 있게poiemaweb.com 이웅모 강사님 유튜브 - https://www.youtube.com/watch?v=0AjTZG6bGq8 강사님 유튜브는 책의 16강 프로퍼티 어트리뷰트 까지 영상이 있다. 2. 생활코딩 - https://opentutorials.org/course/743..
배열값을 오름차순과 내림차순으로 정렬 오름차순방법1. \Math.min / Math.max로 시작점과 끝점을 지정function answer(x, y) { let result = []; // 시작점과 끝점 설정 const start = Math.min(x, y); const end = Math.max(x, y); // 단일 for문으로 처리 for (let i = start; i 방법2. 비교연산자 ( >, x는 항상 작은 값, y는 항상 큰 값만약 x가 y보다 크다면, 두 값을 서로 바꿈.function answer(x, y) { let result = []; // x를 항상 작게 만듦 if (x > y) { let t = x; x = y; y = t; } /..
console.log("------- 1 -----------"); const score = [ { win:1 }, { lose:0 } ]; const winScore = score[0].win +1; const loseScore = score[1].lose +1; console.log(score) console.log(winScore) console.log(loseScore) console.log("------ 2 ------------"); const win = {score}; const winScore2 = win.score[0].win +1; const loseScore2 = win.score[1].lose +1; console.log(win) console.log("winScore2:", win..
1. 객체안에 객체 넣는 방법은 생각보다 쉽다. user.point = point; user- 객체 point- 키 = point - 값 2. socketIo에서 같은방 안에 사람들에게만 쳇을 보낼때는 //game방 채팅 socket.on("chat", (chat) => { const data = {name:socket.nickname, chat}; gameRoom.to(thisgameNum).emit("chat", data); }); gameRoom -> 내가 네임스페이스를 설정하면서 정한 변수명을 적어야한다. 네임스페이스/game 을 따로 정하지 않았다면 connect이벤트의 인자인 socket을 적어 socket.to(thisgameNum).emit("chat", data); 코드를 만든다. con..