수빈이의 개발새발

프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 초 단위로 기록된 주식가격이 담긴 배열 prices가 매개변수로 주어질 때, 가격이 떨어지지 않은 기간은 몇 초인지를 return 하도록 solution 함수를 완성하세요. 제한 사항 prices의 각 가격은 1 이상 10,000 이하인 자연수입니다. prices의 길이는 2 이상 100,000 이하입니다. 입출력 예 prices return [1, 2, 3, 2, 3] [4, 3, 1, 1, 0] 입출력 예 설명 1초 시점의 ₩1은 끝까지 가격이 떨어지지 않았습니다. 2초 시점의 ₩2은 끝까지 가..

프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 괄호가 바르게 짝지어졌다는 것은 '(' 문자로 열렸으면 반드시 짝지어서 ')' 문자로 닫혀야 한다는 뜻입니다. 예를 들어 "()()" 또는 "(())()" 는 올바른 괄호입니다. ")()(" 또는 "(()(" 는 올바르지 않은 괄호입니다. '(' 또는 ')' 로만 이루어진 문자열 s가 주어졌을 때, 문자열 s가 올바른 괄호이면 true를 return 하고, 올바르지 않은 괄호이면 false를 return 하는 solution 함수를 완성해 주세요. 제한 사항 문자열 s의 길이 : 100,000 이하..

Open Graph 콘텐츠의 요약내용이 SNS에 게시되는데 최적화된 데이터를 가지고 갈 수 있도록 설정하는 것 이런 식으로 sns에서 링크를 보냈을 때 링크에 대한 썸네일, 미리 보기 제목, 내용이 보이게 하는 것이 Open Graph태그이다 사용할 썸네일파일은public 디렉터리 밑에 넣어준다 각각이 나타내는 영역이다 //썸네일 //제목 미리보기 //내용 이렇게 생성해준다 수정을 한 것이므로 다시 한번 빌드와 배포를 해주자 npm run build firebase deploy 아라랏 근데 적용이 안된다... 데이터를 링크가 공유가 될 때마다 가져오는 게 아니라 캐시처럼 보관해 두었다 쓰기 때문에 open graph설정을 바꿨다고 바로바로 바뀌진 않는다! 그렇다고 가만히 내버려두면 아예 적용이 안될 수 ..

리액트로 개발한 프로젝트를 배포해 보자 뭐 서버를 구축해서 배포하는 방법은 구축비용이라던가 너무 복잡하기 때문에 firebase를 사용해 좀 더 편리하게 배포를 해볼 것이다. firebase 사이트로 이동해 새로운 프로젝트를 만들어보자 Firebase Firebase는 고품질 앱을 빠르게 개발하고 비즈니스를 성장시키는 데 도움이 되는 Google의 모바일 플랫폼입니다. firebase.google.com react-project로 이름을 지정해 준 후 애널리틱스 사용설정을 해제하고 프로젝트를 만들어준다 만들어진 프로젝트에 가 Hosting 메뉴에 들어가 시작하기를 눌러주고 설치코드를 복사 후 터미널로 실행해 준다 다음 내가 만든 프로젝트 위치로 이동해 준다 그냥 vscode에서 터미널에서 하면 된다! 두..

프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 당신은 행렬에 적용할 수 있는 두 가지 연산을 만들었습니다. ShiftRow 모든 행이 아래쪽으로 한 칸씩 밀려납니다. 즉, 모든 행에 대해서 i번째 행은 i+1번째 행이 됩니다. (마지막 행은 1번째 행이 됩니다.) ShiftRow의 예 왼쪽 행렬이 초기 상태이고 오른쪽 행렬이 ShiftRow를 한 번 시행한 뒤의 행렬입니다. 1번째 행에 있던 [1,2,3]이 2번째 행으로, 2번째 행에 있던 [4,5,6]이 3번째 행으로, 3번째 행에 있던 [7,8,9]가 1번째 행이 된 것을 확인할 수 있습니..

프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 지도개발팀에서 근무하는 제이지는 지도에서 도시 이름을 검색하면 해당 도시와 관련된 맛집 게시물들을 데이터베이스에서 읽어 보여주는 서비스를 개발하고 있다. 이 프로그램의 테스팅 업무를 담당하고 있는 어피치는 서비스를 오픈하기 전 각 로직에 대한 성능 측정을 수행하였는데, 제이지가 작성한 부분 중 데이터베이스에서 게시물을 가져오는 부분의 실행시간이 너무 오래 걸린다는 것을 알게 되었다. 어피치는 제이지에게 해당 로직을 개선하라고 닦달하기 시작하였고, 제이지는 DB 캐시를 적용하여 성능 개선을 시도하고 ..

리액트로 만든 감정일기장이다 이 프로젝트 빌드 전 몇까지 배포준비를 해보자! 1. 타이틀 변경 우선 웹페이지 타이틀을 고쳐보자 index.html의 태그를 감정일기장으로 바꿔주자 ↓ 그리고 맨 위에있는 x o lang 설정도 영어가 아닌 한국어로 바꿔쥬쟈 메인타이틀은 감정일기장이지만 그 페이지마다 페이지가 하는 행동으로 타이틀을 변경시켜 볼 것이다 페이지마다 useEffect의 mount때를 이용해 보자 useEffect(() => { const titleElement = document.getElementsByTagName("title")[0]; titleElement.innerHTML = `감정일기장 - ${id}번 일기`; }, []); title태그의 0번 요소가 우리가 원하는 태그이기 때문에 이..

프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 JadenCase란 모든 단어의 첫 문자가 대문자이고, 그 외의 알파벳은 소문자인 문자열입니다. 단, 첫 문자가 알파벳이 아닐 때에는 이어지는 알파벳은 소문자로 쓰면 됩니다. (첫 번째 입출력 예 참고) 문자열 s가 주어졌을 때, s를 JadenCase로 바꾼 문자열을 리턴하는 함수, solution을 완성해 주세요. 제한 조건 s는 길이 1 이상 200 이하인 문자열입니다. s는 알파벳과 숫자, 공백문자(" ")로 이루어져 있습니다. 숫자는 단어의 첫 문자로만 나옵니다. 숫자로만 이루어진 단어는 ..

Page Routing Router -데이터의 경로를 실시간으로 지정해주는 역할을 하는 무언가 Route + ing -경로를 정해주는 행위자체와 그런 과정들을 다 포함하며 일컫는 말 인테넛을 사용해서 웹사이트에 접속한다는 것은 브라우저를 통해서 웹서버에게 경로 요청을 날리고 문서를 받아보는 것이다 우리가 /home이라는 경로 요청을 보내면 home에 해당하는 웹문서은 Home.html 파일을 웹서버가 브라우저에게 보내게 된다 MPA Multipage Application 이렇게 여러 개의 페이지를 준비해뒀다가 요청에 맞는 페이지를 보내주는 게 MPA방식이다 각각의 페이지 이동마다 페이지를 요청하는 방식을 사용하게 된다 그래서 MPA방식 들은 페이지를 이동할 때마다 새로운 페이지를 웹서버에 요청하고 응답을..

11659번: 구간 합 구하기 4 첫째 줄에 수의 개수 N과 합을 구해야 하는 횟수 M이 주어진다. 둘째 줄에는 N개의 수가 주어진다. 수는 1,000보다 작거나 같은 자연수이다. 셋째 줄부터 M개의 줄에는 합을 구해야 하는 구간 i와 j www.acmicpc.net 문제 수 N개가 주어졌을 때, i번째 수부터 j번째 수까지 합을 구하는 프로그램을 작성하시오. 입력 첫째 줄에 수의 개수 N과 합을 구해야 하는 횟수 M이 주어진다. 둘째 줄에는 N개의 수가 주어진다. 수는 1,000보다 작거나 같은 자연수이다. 셋째 줄부터 M개의 줄에는 합을 구해야 하는 구간 i와 j가 주어진다. 출력 총 M개의 줄에 입력으로 주어진 i번째 수부터 j번째 수까지 합을 출력한다. 제한 1 ≤ N ≤ 100,000 1 ≤ M..