본문 바로가기

Frontend

 (281)
[알고리즘] A 강조하기 A 강조하기 알파벳 "a"가 포함된 문자열은 대문자 "A"로 바꾸고, 나머지는 소문자로 변경한 값을 구해야 한다. myString result "abstract algebra" "AbstrAct AlgebrA" "PrOgRaMmErS" "progrAmmers" 나의 풀이: function solution(myString) { var array = myString.split(""); for(i = 0; i < array.length; i++) { if(array[i] == "a" || array[i] == "A") { array[i] = "A" }else{ array[i] = array[i].toLowerCase(); } } return array.join("") } 다른풀이 : function solut..
[알고리즘] 문자열 앞의 n글자 문자열 앞의 n글자 문자열 앞의 n글자를 출력 my_string n result "ProgrammerS123" 11 "ProgrammerS" "He110W0r1d" 5 "He110" 나의풀이: function solution(my_string, n) { var array = my_string.split("") return array.splice(0,n).join("") } 다른풀이: function solution(my_string, n) { return my_string.slice(0,n) } 배열로 만들지 않고 문자열 자체로 slice 메소드로 풀 수 있음. slice 메소드는 splice 와 달리 원본배열을 절대 건드리지 않음.
[알고리즘] 정수찾기 정수찾기 배열 num_list 안에 n 값이 들어있으면 1, 없으면 0을 리턴 num_list n result [1, 2, 3, 4, 5] 3 1 [15, 98, 23, 2, 15] 20 0 나의풀이: function solution(num_list, n) { var result = num_list.filter((value) => value == n) return result.length == 0 ? 0 : 1 } 반복문을 사용해도 되지만 다른메소드를 이용해보고 싶어서 filter 메소드를 사용하였다. filter 메소드 사용한 이후, array의 길이가 0 이면 0을 리턴, 그렇지않으면 1 을 리턴한다. 다른풀이: const solution = (num_list, n) => { return num_li..
[웹개발종합반] 3주차 DB SQL/ NoSQL SQL 행/열의 생김새가 정해진 엑셀에 데이터를 저장하는 것과 유사하다. 데이터 50만 개가 적재된 상태에서, 갑자기 중간에 열을 하나 더하기는 어렵다. 그러나, 정형화되어 있는 만큼, 데이터의 일관성이나 / 분석에 용이할 수 있다. ex) MySQL NoSQL(Not Only SQL) 딕셔너리 형태로 데이터를 저장해두는 DB. 고로 데이터 하나 하나 마다 같은 값들을 가질 필요가 없게 된다. 자유로운 형태의 데이터 적재에 유리한 대신, 일관성이 부족할 수 있다. ex) MongoDB
[웹개발종합반] 3주차 python/ 크롤링 크롤링 간단하게 말하면 html 중 어떤 부분을 솎아내서 가지고 오는 것 import requests from bs4 import BeautifulSoup URL = "https://movie.daum.net/ranking/reservation" headers = {'User-Agent' : 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36'} data = requests.get(URL, headers=headers) soup = BeautifulSoup(data.text, 'html.parser') lis = soup.select("#mainCont..
[알고리즘] 숨어있는숫자의덧셈 (1), (2) 숨어있는 숫자의 덧셈 (1) 간단하게 말하면 문자열 my_string 안에있는 숫자 각각의 합을 구하면 된다. result = 1 + 2 + 3 + 4 = 10. my_string result "aAb1B2cC34oOp" 10 나의 풀이 : function solution(my_string) { var sum = 0; var array = my_string.split(""); for(i = 0; i < array.length; i++) { if(parseInt(array[i]) == array[i]/1) { sum = sum + parseInt(array[i]) } } return sum; } 반복문을 이용해서 숫자인지 비교를 했고, sum 에 숫자들을 차례대로 더해주어서 비교적 빠르게 풀었다. 숨어있는..
[CSS] Display 블록(block) , , 와 같은것 위에서부터 아래로 배치됨 너비와 높이를 지정할 수 있음 인라인(inline) , 같은것 평소에 글 쓰는 방향 화면에 꽉 차면 다음줄로 넘어감 너비나 높이를 지정할 수 없음 (예외로 img 는 가능) 여백은 가로로만(글 쓰는 방향) 가능 인라인블록(inline-block) 인라인처럼 배치되나 블록처럼 크기를 가지고 싶을 때 사용하는 속성 블록인라인 블록 블록 인라인 인라인블록 기본 크기 좌우로 꽉 참 콘텐트에 딱 맞게 콘텐트에 딱 맞게 배치 위에서 아래로 글 쓰는 방향 글 쓰는 방향 width 와 height O O X margin 과 padding O O ▵ 인라인 진행 방향(=가로)만 제대로 사용 가능 float : right / left 요소를 페이지 왼쪽이나 오른..
[CSS] 박스모델 정리 border 속성 굵기, 테두리종류, 색상 순서대로 작성 border: 2px solid #ededed; border-radius 속성 박스 모델의 모서리를 둥글게 만들 때 작성 border-radius: 16px; 타원 만들기 border-radius: 50%; 알약 만들기 border-radius: 9999px; box-sizing 속성 기본적으로 요소의 크기를 지정하면 그 크기는 콘텐트 영역에 대한 크기가 된다. #box 요소의 실제 너비는 100 + 30 + 30 = 160px. #box { margin: 20px; padding: 30px; width: 100px; } 좀 더 직관적으로 코드를 작성하고 싶다면 다음과 같이 작성할 수 있다. #box { margin: 20px; padding: 3..

티스토리툴바