분류 전체보기
-
Rest API란?프로그래머스 데브코스: 클라우드 기반 웹 프론트엔드 3기 2024. 12. 24. 09:32
REST란?REpresentaional State Transfer효율적이고 안정적이며 확장가능한 분산 시스템을 가져올 수 있는 소프트웨어 아키텍쳐 디자인 제약의 모음HTTP URI를 통해 자원(resource)을 명시하고HTTP Methode를 통해해당 자원(URI)에 대한 CRUD 연산을 적용하는 것RESTful?REST의 기본 원칙을 성실히 지킨 서비스 디자인REST APIREST를 기반으로 서비스 API를 구현한 것구성요소구선요소내용표현방법Resource자원HTTP URIVerb자원에 대한 행위HTTP MethodRepresentations자원에 대한 행위의 내용HTTP Message Payload (body)설계 원칙리소스 표현URI는 리소스를 표현하는 데 집중해야 함동사보다는 명사를 사용 좋은 ..
-
프로그래머스 코딩테스트 - 산 모양 타일링코딩테스트 풀이 2024. 12. 17. 14:28
문제 설명https://school.programmers.co.kr/learn/courses/30/lessons/258705 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr해결 방법아이디어문제를 보고 생각난 것은 'DP를 사용하면 될 것 같다' 였다. 그래서 규칙을 찾으려 노력했다. 우선 삼각형과 마름모로 끝나는 패턴으로 나눌 수 있다.n = 3 일 때삼각형으로 끝나는 경우의 수 : 2마름모로 끝나는 경우의 수: 1n = 2일 때삼각형으로 끝나는 경우의 수 : 5(n = 1일 떄 삼각형으로 끝나는 경우의 수 * 2) + (n = 1일 떄 마름모로 끝나는 경우의 수)마름모로 끝나는 경우의 수 : 3(n =..
-
면접 회고카테고리 없음 2024. 12. 6. 10:44
부족한 대답svg 이미지 스프라이드이미지 스프라이트란?여거 개의 이미지를 하나의 이미지 파일로 결합하여 관리하는 방법장점http 요청 감소로딩속도 최적화http 요청을 줄일 수 있기 때문에 header와 같은 불필요한 자원을 줄일 수 있다따라서 브라우저의 입장에서는 스프라이트 이미지 한 장을 불러오는 것이 더 빠름단점이미지를 추가하거나 삭제할 때마다 새로운 이미지를 제작해야 하기 때문에 유지관리가 복잡하다.또한, 개별 이미지는 변경된 이미지만 새롭게 캐싱하면 되지만 이미지 스프라이트는 전체적으로 재캐싱된다.이미지스프라이트를 적용한 것이랑 개별 이미지랑 전체적으로 보면 동일한 크기이지 않나? 어떻게 이미지 스프라이트를 한 이미지가 더 빠르지?이미지 스프라이트를 적용하기 전과 후 데이터 크기는 일반적으로 동..
-
Vite 환경 변수로 Proxy 설정하기개발 프로젝트: 핀더펜 2024. 12. 2. 17:48
이번 포스트에서는 Vite의 Proxy 설정을 환경변수를 활용해 적용하는 과정을 보여드리겠습니다. 왜 Proxy 설정을 해야 함?가장 중요한 이유는 cors 에러를 해결하기 위해서이다.cors란?Cross-Origin Resource Sharing의 준말로 현재 웹 페이지의 경로와 다른 출처(도메인, 프로토콜, 포트)에서 자원을 가져오는 것을 말한다. 기본적으로는 동일한 출처에서 가져오는 리소스만 허용한다.왜 그럴까?보안의 문제가 있을 수 있기 때문이다. 외부에서 리소스를 가져오는 것 을 허용하면 해커가 심어놓은 코드로 인해 사용자가 모르는 웹 페이지로 사용자의 개인 정보가 넘어가는 문제가 발생할 수 있다.따라서 이런 위험을 방지하기 위해 기본적으로 동일한 출처에서만 리소스를 가져올 수 있게 제한하고 있..
-
프로그래머스 코딩테스트 - 디스크 컨트롤러코딩테스트 풀이 2024. 12. 1. 18:21
2024.11.29 - [프로그래머스 데브코스: 클라우드 기반 웹 프론트엔드 3기] - Javascript로 Heap을 구현해보자 Javascript로 Heap을 구현해보자힙이란?완전 이진 트리의 일종정렬, 우선순위 큐, 스케쥴링 등 다양한 알고리즘에 사용된다.용어 정리부모 노드자식 노드루트 노드리프 노드레벨높이특정 노드의 상위특정 노으의 하위트리의yoolabong.tistory.com지난 포스팅 내용인 heap 자료구조를 사용하는 가장 대표적인 예시인 스케줄링과 관련있는 문제라 선택해서 풀어봤다. 문제 설명https://school.programmers.co.kr/learn/courses/30/lessons/42627?language=javascript 프로그래머스SW개발자를 위한 평가, 교육, 채용까..
-
Javascript로 Heap을 구현해보자프로그래머스 데브코스: 클라우드 기반 웹 프론트엔드 3기 2024. 11. 29. 11:38
힙이란?완전 이진 트리의 일종정렬, 우선순위 큐, 스케쥴링 등 다양한 알고리즘에 사용된다.용어 정리부모 노드자식 노드루트 노드리프 노드레벨높이특정 노드의 상위특정 노으의 하위트리의 최상단트리의 말단루트 ~ 리프트리의 깊이0부터 시작리프 ~ 루트트리의 높이1부터 시작 종류최대 힙부모 노드의 값 >= 자식 노드의 값항상 부모 노드의 값이 자식 노드의 값보다 크거나 같음최소 힙부모 노드의 값 항상 부모 노드의 값이 자식 노드의 값보다 작거나 같음활용 예시삽입/삭제 정렬 시간복잡도 삽입삭제순서 없는 배열O(1)O(n)순서 없는 연결 리스트O(1)O(n)정렬된 배열O(n)O(1)정렬된 연결 리스트O(n)O(1)힙O(logn)O(logn)우선순위 큐배열, 연결리스트, 힙으로 구현하능하지만 힙이 가장 효율적이다.최단..
-
트래블봉 강릉편 - 최씨 장칼국수, 순두부젤라또, 강문해변, 머슬비치🍊 2024. 11. 29. 10:34
안녕하쌉싸리와용. 드래블봉 강릉 2편으로 돌아온 봉봉입니다. 이번에는 강릉 둘쨰날 방문한 곳을 정리하려고 합니다.아침에 일어나자마자 본 광경은 눈 덮인 나무들이었다. 눈이 온다는 것은 알고 있었지만 이렇게 쌓일 것이라고는 상상도 못했다. 첫 눈이어서 금방 녹을 줄 알았다. 덕분에 아침부터 예쁜 광경을 볼 수 있어서 좋았다.호텔 방음이 잘 안돼서 새벽 내내 짖느라 라봉이도 우리도 잘 자지 못했다....세이트존스호텔은 다 좋은데 항상 방음 부분이 조금 아쉽다. 바깥의 소리가 다 들리다보니 청력이 예민한 강아지들은 짖을 수 밖에 없는 구조다. 아무튼! 우리는 레이트 체크아웃을 신청했기 때문에 2시까지 숙소에 있을 수 있었다. 그래서 간단하게 아침으로 먹을 빵을 1층 앙빵에서 사왔다. 사진은 못찍었지만 크로와상..
-
트래블봉 강릉편 - 세인트존스 호텔, OODD, 허씨커피🍊 2024. 11. 27. 23:24
안녕하시와요. 트래블봉 강릉편으로 돌아온 봉봉입니다. 이번에는 1박 2일로 강릉을 다녀왔는데요.숙소는 강릉 세인트존스 호텔!!사실 저희는 거의 매년 강릉을 가고 있고 숙소는 항상 세인트존스로 간답니다. (그래서 사진이 없어요..ㅜ)주변에 먹거리도 많고 바로 앞이 바다라 강아지와 함께 여행하기 정말 좋은 것 같아요. 12시에 강릉역에 도착해서 호텔에 짐을 밭기고 점심식사를 하기로 했습니다. 얼리 체크인과 레이트 체크아웃호텔 예약할 때 얼리 체크인을 선택했기 때문에 1시부터 체크인할 수 있었습니다. 얼리 체크인과 레이트 체크아웃을 시간당 2만 2천원!이번 여행의 테마는 힐링 여행이었기 때문에 돈으로 행복을 샀답니다!!! 음하하 체크인하기 전 배가 고팠기 때문에 일단 점심을 먹으로 나갔습니다.점심은 화덕피자와..