본문 바로가기

전체 글170

프로그래머스 둘만의 암호 자바스크립트 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.. 2023. 8. 26.
코드 리뷰 사이트 개인 회고 3일차 오늘은 코드 리뷰 사이트를 만들면서 개인적으로 어려웠던 부분들에 대해서 같이 이야기를 나눠볼려고 한다. 1. 코드 리뷰 사이트 매인 페이지 디자인 수정 : 사실상 어제까지 만든 코드 리뷰 사이트에서 가장 수정해야 하는 부분은 메인 페이지 디자인이었다. 그 이유는 다음과 같다. 첫번째 ux적인 측면에서 사용자가 볼 수 있는 자료가 별로 없다는 점이다. 어제까지 만든 코드 리뷰 사이트에는 사실상 사용자가 볼 수 있는 정보가 한정적이었다. 태그도 자신이 선택한 태그를 넣을 수도 없었으며 답변이 되고 있는지 아님 안되고 있는지도 확인할 수 없었다. 따라서 유저가 이 사이트를 볼 때 이 사이트가 코드 리뷰 사이트인지 한 눈에 살펴보기에 굉장히 어려웠다는 점이다. 그래서 나는 디자인을 다음과 같이 수정했다. 위 사.. 2023. 8. 25.
프로그래머스 문자열 나누기 자바스크립트 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 =.. 2023. 8. 25.
코드 리뷰 사이트 개인 회고 2일차 오늘은 코드 리뷰 사이트를 만들면서 어려웠던 점들에 대해서 이야기를 나눌려고 한다. 1. lazy loading 어떻게 확인하는 가? : 내가 어제 lazy loading에 대해서 언급하면서 가장 궁금했던 점은 lazy loading 을 어떻게 확인하는 것이었다. 사실상 lazy loading 의 핵심은 번들러에 있다. 즉 페이지에 들어올 때 응답으로 어떤 컴포넌트들을 줄 것인지 전체 번들을 줄 것인지 아님 페이지 마다의 모듈을 줄 것인지 바로 이 부분이 핵심이었다. 그래서 나는 요청과 응답을 확인할 수 있는 개발자 도구에 네트워크 탭에서 확인을 해보았다. 네트워크 텝을 보니 lazy loading이 구현됐는지를 확인할 수 있었다. 증거는 다음과 같다. 2. 코드 하이라이팅 에디터 어떻게 구현했는가? :.. 2023. 8. 24.
프로그래머스 숫자 짝꿍 자바스크립트 https://school.programmers.co.kr/learn/courses/30/lessons/131128 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr //X의 각원소를 높은 순 부터 낮은 순으로 배열을 만든다. //Y의 각원소를 높은 순 부터 낮은 순으로 배열을 만든다. //X와 Y중 길이가 작은 리스트 만큼 반복문을 돌면서 다음 과정을 수행한다. //만약에 작은 길이의 배열의 원소가 긴 길이의 배열의 원소에 있다면 다음 과정을 수행한다. //answer에 그 원소를 담는다. //긴 길이의 배열의 원소를 지운다. //answer를 반환한다. .. 2023. 8. 24.
코드 리뷰 사이트 개인 회고 1일차 오늘은 내가 코드 리뷰 사이트 매인 페이지를 제작하면서 느꼈던 어려움들에 대해서 같이 이야기를 나눠볼려고 한다. 1. 폰트 어썸 CDN : 사실상 CDN이라고 하는 서비스는 분산 처리 시스템을 의미한다. 이는 서버를 한 군데에다가 넣어두는 것이 아니라 여러 곳에 배치하여 클라이언트와 서버 사이에 물리적인 거리를 줄인다. 또한 이 서버는 캐싱 서버이기 때문에 초기에 들어오고 나서 두번째부터는 캐싱이 된다는 장점이 있다. 하지만 여전히 물리적인 거리는 존재하기 때문에 속도는 낮을 수 밖에 없다. 그 뿐만 아니라 CDN 시스템에서 내가 원하는 폰트를 가져오기 때문에 내가 이 폰트를 압축시키지 못한다는 점도 문제이다. 이는 결과적으로 성능과도 연관되는 문제이기 때문에 이번에 나는 폰트를 CDN 서비스를 통해서 .. 2023. 8. 23.

티스토리툴바