본문 바로가기

스파르타코딩클럽65

[리액트 React] 기초반 강의 1주차 정리 ✅ 프로트엔드 기초 지식 1️⃣ 서버와 클라이언트 복습 👌 웹의 동작 개념 - HTML을 받는 경우 우리가 보는 웹페이지는 모두 서버에서 미리 준비해두었던 것을 "받아서", "그려주는"것이다. 🔹 브라우저가 하는 일 1) 요청을 보낸다. // 어디에 요청을 보낼까 ? : 서버가 만들어 놓은 "API"라는 창구에 미리 정해진 약속대로 요청을 보내는 것. EX) https://naver.com/ → 이것은 "naver.com"이라는 이름의 서버에 있는, "/"창구에 요청을 보낸 것이다. 2) 받은 HTML 파일을 그려준다. 👌 웹의 동작 개념 - 데이터만 받는 경우 항상 위 처럼 HTML만 내려주는 것이 아닌, 데이터만 내려 줄 때가 더 많다. 사실 HTML도 줄글로 쓰면 이게 다 데이터인 것! 만약, 공연.. 2022. 7. 22.
[알고리즘] 시저 암호 문제풀이(자바스크립트 javascript) 👌 대문자와 소문자가 있으므로, 변수로 값을 할당해주면 var upper = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; var lower = "abcdefghijklmnopqrstuvwxyz"; 👌 s의 i번째 자리수를 구해주어야 하므로 for(var i =0; i 2022. 7. 21.
[알고리즘] 숫자 문자열과 영단어 문제풀이(자바스크립트 javascript) (풀기 전에 알아야 할 것) 1. replace(/a/g, b) : a를 b로 바꿔라 👌 zero : 0 ~ nine : 9 이므로 일단, 영어일 때 숫자로 바꿔줄 수 있는 replace 함수를 쭉 쓴다. s = s.replace(/zero/g,0 ) s = s.replace(/one/g,1 ) s = s.replace(/two/g,2 ) s = s.replace(/three/g,3 ) s = s.replace(/four/g,4 ) s = s.replace(/five/g,5 ) s = s.replace(/six/g,6 ) s = s.replace(/seven/g,7 ) s = s.replace(/eight/g,8 ) s = s.replace(/nine/g,9 ) 👌 지금 s는 문자열이다. 숫자로 바꿔줘야.. 2022. 7. 21.
[알고리즘] 소수 만들기 문제풀이(자바스크립트 javascript) 👌 숫자 3개를 골라서 더 해주어야 하므로, i, j , l 모두 for문 돌려서 찾아야 한다. for(var i=0; i 2022. 7. 21.
[알고리즘] 문자열 내림차순으로 배치하기 문제풀이(자바스크립트 javascript) 👌 비교하기 위해서, 하나하나 배열로 바꿔주기 s.split('') 👌 정렬해주기 s.split('').sort() 👌 배열로 바꾼 것을 다시 합쳐주기 s.split('').sort().joint('') 이 내용을 그대로 return 할 경우 이렇게 반대로 나오게 된다. 👌 그럼 reverse()사용하여 뒤집는다. s.split('').sort().reverse().join('') ✅ 최종 코드 function solution(s) { return s.split('').sort().reverse().join('') } 2022. 7. 21.
[알고리즘] 문자열 내 마음대로 정리하기 문제풀이(자바스크립트 javascript) (풀기 전에 알아야 할 것) 1. localCompare() : 문자열 순서비교 👌 인덱스 1의 문자가 같은 문자열이 여럿일 경우, 사전순으로 앞선 문자열이 앞쪽에 위치한다. 먼저, strings를 정렬해주어야 하는데 strings.sort((a,b) => 👌 여기서 같은 문자열일 경우 // a랑 b의 사전순으로 앞선 문자열이면 a,b 자체를 비교하면 되므로 strings.sort((a,b) => a[n] === b[n] ? a.localeCompare(b) 👌 아닐경우, n의 자리의 숫자와 비교해야 한다. strings.sort((a,b) => a[n] === b[n] ? a.localeCompare(b) : a[n].localeCompare(b[n]) ✅ 최종 코드 function solution(s.. 2022. 7. 21.

티스토리툴바