min

https://school.programmers.co.kr/learn/courses/30/lessons/155652# 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr //s의 길이만큼 반복하면서 다음 과정을 수행한다. //index의 길이만큼 반복하면서 다음 과정을 수행한다. //만약 skip에 해당 단어가 있다면 index를 올리지 않는다. //만약 skip에 해당 단어가 없다면 index를 올린다. //index만큼 뒤에 있는 알파벳을 answer에 더한다. //answer를 리턴한다. function solution(s, skip, index) { v..

오늘은 코드 리뷰 사이트를 만들면서 개인적으로 어려웠던 부분들에 대해서 같이 이야기를 나눠볼려고 한다. 1. 코드 리뷰 사이트 매인 페이지 디자인 수정 : 사실상 어제까지 만든 코드 리뷰 사이트에서 가장 수정해야 하는 부분은 메인 페이지 디자인이었다. 그 이유는 다음과 같다. 첫번째 ux적인 측면에서 사용자가 볼 수 있는 자료가 별로 없다는 점이다. 어제까지 만든 코드 리뷰 사이트에는 사실상 사용자가 볼 수 있는 정보가 한정적이었다. 태그도 자신이 선택한 태그를 넣을 수도 없었으며 답변이 되고 있는지 아님 안되고 있는지도 확인할 수 없었다. 따라서 유저가 이 사이트를 볼 때 이 사이트가 코드 리뷰 사이트인지 한 눈에 살펴보기에 굉장히 어려웠다는 점이다. 그래서 나는 디자인을 다음과 같이 수정했다. 위 사..

https://school.programmers.co.kr/learn/courses/30/lessons/140108?language=javascript 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr function solution(s) { let answer = 0; let var1 = 0; let var2 = 0; let i = 0; while (s.length > 0) { if (s[0] === s[i]) { var1++; i++; } else if (s[0] !== s[i]) { var2++; i++; } if (var1 === var2) { s =..

오늘은 코드 리뷰 사이트를 만들면서 어려웠던 점들에 대해서 이야기를 나눌려고 한다. 1. lazy loading 어떻게 확인하는 가? : 내가 어제 lazy loading에 대해서 언급하면서 가장 궁금했던 점은 lazy loading 을 어떻게 확인하는 것이었다. 사실상 lazy loading 의 핵심은 번들러에 있다. 즉 페이지에 들어올 때 응답으로 어떤 컴포넌트들을 줄 것인지 전체 번들을 줄 것인지 아님 페이지 마다의 모듈을 줄 것인지 바로 이 부분이 핵심이었다. 그래서 나는 요청과 응답을 확인할 수 있는 개발자 도구에 네트워크 탭에서 확인을 해보았다. 네트워크 텝을 보니 lazy loading이 구현됐는지를 확인할 수 있었다. 증거는 다음과 같다. 2. 코드 하이라이팅 에디터 어떻게 구현했는가? :..

https://school.programmers.co.kr/learn/courses/30/lessons/131128 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr //X의 각원소를 높은 순 부터 낮은 순으로 배열을 만든다. //Y의 각원소를 높은 순 부터 낮은 순으로 배열을 만든다. //X와 Y중 길이가 작은 리스트 만큼 반복문을 돌면서 다음 과정을 수행한다. //만약에 작은 길이의 배열의 원소가 긴 길이의 배열의 원소에 있다면 다음 과정을 수행한다. //answer에 그 원소를 담는다. //긴 길이의 배열의 원소를 지운다. //answer를 반환한다. ..

오늘은 내가 코드 리뷰 사이트 매인 페이지를 제작하면서 느꼈던 어려움들에 대해서 같이 이야기를 나눠볼려고 한다. 1. 폰트 어썸 CDN : 사실상 CDN이라고 하는 서비스는 분산 처리 시스템을 의미한다. 이는 서버를 한 군데에다가 넣어두는 것이 아니라 여러 곳에 배치하여 클라이언트와 서버 사이에 물리적인 거리를 줄인다. 또한 이 서버는 캐싱 서버이기 때문에 초기에 들어오고 나서 두번째부터는 캐싱이 된다는 장점이 있다. 하지만 여전히 물리적인 거리는 존재하기 때문에 속도는 낮을 수 밖에 없다. 그 뿐만 아니라 CDN 시스템에서 내가 원하는 폰트를 가져오기 때문에 내가 이 폰트를 압축시키지 못한다는 점도 문제이다. 이는 결과적으로 성능과도 연관되는 문제이기 때문에 이번에 나는 폰트를 CDN 서비스를 통해서 ..

https://school.programmers.co.kr/learn/courses/30/lessons/133499# 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr //babbling의 길이 만큼 반복문을 돌면서 다음 과정을 수행한다. //[aya , ye , woo , ma] 만큼 돌면서 다음 과정을 수행한다. //만약에 babbling의 원소중에 위 리스트의 원소가 포함되어 있으면 해당 원소를 지운다. //반복문을 다 돌고 나서 babbing의 원소가 다 비었다면 answer를 추가한다. //answer를 리턴한다. function solution(b..

https://school.programmers.co.kr/learn/courses/30/lessons/17682 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr //dartResult를 하나씩 돌면서 다음 과정을 수행한다. //먄약 입력값이 숫자라면 해당 숫자를 배열에 저장한다. //만약 입력값이 S , D , T중 하나라면 배열에 넣은 값을 S , D , T에 따라서 처리한다. //만약 입력값이 * , #중 하나라고 하면 배열에 넣은 값 그리고 그 전에 값에 영향을 준다. //배열의 모든 값들을 더한 값을 리턴한다. function solution(da..