eatthefrog

https://graphql.org/ GraphQL | A query language for your APIEvolve your API without versions Add new fields and types to your GraphQL API without impacting existing queries. Aging fields can be deprecated and hidden from tools. By using a single evolving version, GraphQL APIs give apps continuous access to new featgraphql.org A query(데이터 요청 방식) language for your APIGraphQL is a query langu..

전체 구조 Apollo Server GraphQL API 구축├── 🏗️ 기본 설정│ ├── 설치 & 초기화│ ├── 스키마 정의│ └── 서버 실행├── 📝 스키마 설계│ ├── 타입 정의 (TypeDefs)│ ├── 리졸버 함수│ └── 데이터 관계 설정└── 🔧 고급 기능 ├── 데이터베이스 연동 ├── 인증/권한 └── 실시간 기능🏗️ 기본 설정핵심 개념Apollo Server: GraphQL 서버를 쉽게 만드는 도구스키마 우선: 데이터 구조를 먼저 정의타입 안전성: 명확한 데이터 타입 정의설치부터 실행까지# 1. 필수 패키지 설치npm install apollo-server graphql# 2. 추가 도구들npm install @apollo/serve..

GraphQL이 등장하기 전 - REST API란?소프트웨어 간 소통: 리소스(URI) + 요청 방식(GET/POST/PUT&PATCH/DELETE) get : 요청post: 추가put: 수정delete: 삭제 REST API 한계REST API의 2가지 핵심 문제├── 🔴 Overfetching (너무 많이 가져오기)│ ├── 고정된 응답 구조│ ├── 불필요한 데이터 전송│ └── 모바일/성능 문제└── 🔵 Underfetching (충분히 못 가져오기) ├── 여러 번의 API 호출 ├── N+1 문제 └── 네트워크 지연 누적Overfetching 핵심 개념고정된 응답: REST API는 항상 같은 형태로 응답데이터 낭비: 필요한 것보다 많은 정보 전송모바일 킬러: ..

성공적인 앱스토어 등록도 잠시,,, 설치 된 어플에서 광고 뜨지 않는 문제가 발생했다. 시뮬레이터에서는 동작하지만, 테스트플라잇에서는 광고가 뜨지 않는 사전의 레드 플레그가 있었지만 애플이 테스트중에는 광고를 차단시키는 군 ㅇㅇ 하면서 지나갔던 문제였다! 원인을 추측해보자.1. 애드몹에서 앱을 한개로 등록하고, 배너를 안드로이드, 아이폰 단위로 구분함 => 스토어가 다를 경우 안드로이드, 아이폰으로 앱 등록을 따로 해주어야한다. 필요한 조치: ios앱 등록 및, 아이폰 배너 광고 단위 수정 ✅ 2. 그래서 아이폰 앱을 등록후 배너 광고 단위를 추가해줌. 그런데 이번엔 인증문제가 발생하였다.발생 문제: app-ads.txt 파일을 설정했지만 세부정보가 AdMob 계정의 정보와 일치하지 않는 ..

What you'll learnHow to utilize the Backpack library for web application development.What you'll doSet up a development workspace, including a code editor and terminal.Customize a web application with a "Reservation Date" header, calendar interface, and a "continue" button.Execute automated tests to ensure the functionality of the developed application. Customise the ApplicationStep One: Update..

[@] 배열의 길이에 따른 연산하기문제 정의 ●관련 문법 ●의사코드 ● function solution(arr, n) { var answer = []; //1. arr의 홀짝일때 if(arr.length % 2 == 1){ console.log("arr은 홀수 길이입니다."); for(let i =0; i

마일스톤이란 프로젝트 진행 시 주요하게 관리해야 할 지점이며, 프로젝트 성공을 위해 반드시 거쳐야 하는 단계를 의미합니다. 시공이 끝났다고 해서 프로젝트가 바로 종료되는 것이 아니라, 플랜트를 발주처에 양도하고 성공적으로 프로젝트를 완수했다고 인정받기 전에 이러한 중요한 마무리 단계를 순서대로 거쳐야 합니다.EPC 프로젝트의 주요 종료 단계 마일스톤은 주로 다섯 단계가 있으며, 이들이 바로 프로젝트 성공을 위한 필수적인 단계라고 할 수 있습니다. 1. 1. MC (Mechanical Completion - 기계적 준공): 플랜트를 구성하는 기기 및 자재류가 설계 도면 및 시방서에 따라 설치 조립되고, 기계적 성능을 증명하는 개별 시험 및 검사가 완료된 상태입니다1. 가시적인 공사의 완료를 의미하며, 아직..

[@] 특별한 이차원 배열 1 정답 코드function solution(n) { const arr = []; for (let i = 0; i 특별한 이차원 배열 1 정리 – 발전 포인트🪜 앞으로 더 발전하려면 이런 점을 연습해보면 좋아:2차원 배열에서 “어디에 값을 넣는지” 항상 의식하기→ 안쪽 배열(row)과 바깥 배열(arr) 구조 인식하기!for문의 반복 범위 다시 보기→ i push의 대상 확인하기→ arr.push(1)인지 row.push(1)인지 구분! [!] 배열의 길이에 따른 연산하기문제 정의 ●관련 문법 ●의사코드 ▲(arr.length % 2 == 1) && (i %2 == 0) 에서 오류 발생함!

[@]특별한 이차원 배열2[문제] n × n 크기의 이차원 배열 arr이 매개변수로 주어질 때, arr이 다음을 만족하면 1을 아니라면 0을 return 하는 solution 함수를 작성해 주세요. [조건] 0 ≤ i, j function solution(arr) { let n = arr.length; for(let i=0; i 인덱스 j에 대한 중첩 for문(for j from i+1 to n-1)은 불필요한 비교를 제거하기 위한 코드다.왜냐하면 i == j일때는 arr[i][j] == arr[j][i]가 당연히 참이기 때문이다. 예를 들어, i와 j가 둘다 0일때 arr[0][0] == arr[0][0]이 되므로, 언제나 참이 된다. [@]특별한 이차원 배열1 오답 기록[문제]정수 ..

[@]접미사바 배열[@]배열의 원소 삭제하기 for문 역순으로 돌리기※ 배열일 경우에는 0부터 인덱스가 시작하므로, 시작값을 (-1)해주어야한다.for (let i = 시작값; i >= 끝값; i--) { // 반복 실행할 코드} filter와 includes로 두 배열의 교집합 찾기◆ filter은 callback에 true로 반환하는 모든 값을 추가한 새로운 배열을 생성한다.function solution(arr, delete_list) { return arr.filter(item => !(delete_list.includes(item)));} 재밌는 사이트https://www.frontendmentor.io/challenges?sort=difficulty%7Casc&type=free ..