분류 전체보기

카테고리 없음

AutoGPT Unleashed: The Next Evolution in Language Model Technology

Title: "AutoGPT Unleashed: The Next Evolution in Language Model Technology" Introduction: Artificial intelligence (AI) has made significant strides in recent years, and one area that has witnessed substantial advancements is natural language processing (NLP). As a result, AI-driven language models have become more powerful, capable of understanding and generating human-like text. In this article..

개발관련/자바스크립트 팁

자바스크립트의 반복문 종류 및 사용법: for, for...in, for...of, forEach

자바스크립트의 반복문 종류 및 사용법 👉 for, for...in, for...of, forEach 안녕하세요! 오늘은 자바스크립트에서 사용할 수 있는 반복문의 종류와 각각의 사용법에 대해 알아보겠습니다. 자바스크립트에서는 주로 4가지 종류의 반복문을 사용합니다: `for`문, `for...in`문, `for...of`문, 그리고 `forEach`문입니다. 이 포스팅을 통해 각각의 반복문이 어떻게 사용되는지 이해할 수 있을 것입니다. 👉 for문 `for`문은 가장 기본적인 반복문입니다. 반복 횟수가 정해진 경우에 사용하며, 초기값, 조건식, 증감식을 통해 반복문을 제어합니다. 다음은 `for`문의 기본 구조입니다. for (초기값; 조건식; 증감식) { // 실행할 코드 } //예시: for (let ..

개발관련/프론트엔드 지식

Next.js 이 4가지는 뭐가 다를까요? 🤔 getInitialProps / getServerSideProps / getStaticPaths / getStaticProps

여러분, 안녕하세요! Next.js 프레임워크로 멋진 웹사이트를 만들려는 분들을 위해, 제가 오늘 여러분들에게 Next.js에서 사용하는 4가지 데이터 가져오기 기법을 소개해드릴 거예요! 이 글을 통해 각각 어떻게 다른지 이해하고, 어떤 상황에 어떤 기능을 사용해야 하는지 파악해봅시다! 데이터 가져오기 네 가지 기법의 살짝 둘러보기 getInitialProps 🕵️‍♂️ - 요청 시점에 서버와 클라이언트 모두에서 실행됩니다. - 페이지의 초기 상태를 설정해줍니다. getServerSideProps 🏃‍♂️ - 요청 시점에 서버에서 실행되어 데이터를 가져옵니다. - 서버 사이드 렌더링(SSR)의 빛을 발합니다. getStaticPaths 🛣 - 빌드 시점에 정적 경로를 생성합니다. - 필요한 경로만 정적으..

개발관련/프론트엔드 지식

SSR vs SSG: Next.js의 렌더링 대결! 어떤 것을 택할까?

next.js SSR(서버사이드 렌더링) vs SSG(정적 사이트 렌더링) 🎉🎉 안녕하세요, 프론트엔드 개발자 행님덜! 오늘은 우리가 모두 사랑하는 Next.js에서 SSR과 SSG를 비교하는 화끈한 포스팅으로 찾아왔습니다! 두 기술의 차이점을 알아보고, 언제 어떤 것을 선택해야 할지 살펴보겠습니다. 시작하겠습니다! 🍿🥤 🚀 SSR (Server Side Rendering) - 서버에서 화면 조립 SSR은 말 그대로 서버에서 페이지를 렌더링하는 기술이에요. 요청이 들어올 때마다 서버에서 페이지를 새롭게 생성해서 클라이언트에 전달해 주는 거죠. SSR의 장점은 무엇일까요? 🤔 SEO 친화적: 구글, 네이버 등 검색 엔진이 페이지를 더 잘 이해하고 색인화할 수 있어요. 초기 로딩 성능: 사용자에게 보여주기 ..

개발관련/매일 코딩 테스트 챌린지

프로그래머스 무인도 버티기 자바스크립트

function solution(maps) { const xLen = maps.length const yLen = maps[0].length const vistedMap = Array.from(Array(xLen),()=>Array(yLen).fill(false)) const offset = [ [-1,0], //좌 [1,0], //우 [0,-1], //상 [0,1], //하 ] const answer = [] function sumCountArea(x,y){ const stack = [[x,y]] let count = maps[x][y]*1 while(stack.length > 0){ const [xP,yP] = stack.pop() offset.forEach(([moveX,moveY])=>{ cons..

개발관련/자바스크립트 팁

자바스크립트 배열 유니크 요소만 남기기 , 중복 제거 하기

자바스크립트 배열 유니크 요소만 남기기 , 중복 제거 하기 주로 3가지 방법이 많이 쓰인다. Set const arr = [1,2,3,4,5,5,6,6,7] const result = [...new Set(arr)] //result [1, 2, 3, 4, 5, 6, 7] filter / indexOf const arr = [1,2,3,4,5,5,6,6,7] const result = arr.filter((num,index)=>{ returnarr.indexOf(num) === index }) //result [1, 2, 3, 4, 5, 6, 7] caching / frequency map const arr = [1,2,3,4,5,5,6,6,7] const cache = {} const result = [..

개발관련/매일 코딩 테스트 챌린지

[코딩테스트 준비]자바스크립트 그리드 알고리즘 코딜리티 연습 javascript algorithm codility greedy

그리드 알고리즘 회의시간 배정, 현금으로 거스름돈 걸러주기 등 관련된 문제가 나오면 그리드 문제라고 생각하면 된다. 핵심은 회의시간의 경우 끝 시간이 가장 가까운 시간 순으로 정렬 거스름돈의 경우 가장 큰 단위 부터 정렬 해야 된다. 이렇게 특정 기준으로 먼저 정렬해놓고 다음 기준은 나중에 생각하는 개념이다. 코딜리티 팁 영어로 되어 있으니깐 확실히 소소한 기준을 읽기가 어렵다. 코딜리티 처음부터 정렬이 되어 있다 1점이 겹처도 되는지 안되는지 꼭 확인해야 된다 빈 배열이 들어오는 경우에 대한 예외 처리도 하자 function solution(A, B) { const meeting = B.map((end, index) => { return [A[index], end] }) meeting.sort((a, ..

개발관련/프론트엔드 지식

CORS에 대한 모든 것

CORS SOP ( SAME ORIGIN POILICY ) 동일 출처에 대한 요청에 관해서만 요청을 허락하는 보안 방식 동일 출처란? 프로토콜 / HOST / PORT 가 모두 동일해야 같은 출처로 처리 한다. Cross Origin 동일 출처가 아니라는 것을 의미한다. CORS(Cross Origin Resource Sharing) Cross Origin Resource Sharing 다른 출처에 있는 리소스를 요청를 가능하게 제어하는 방법 단순 요청(Simple requests) 아래의 조건을 모두 만족하면 preflight 요청을 발생시키지 않는다. Simple requests 용어는 MDN에서 임의로 사용. 다음 중 하나의 메소드 [GET] [HEAD] [POST] 헤더 유저 에이전트가 자동으로 ..

개발자 Dane
'분류 전체보기' 카테고리의 글 목록 (8 Page)