반응형 전체 글49 [알고리즘] section 6 스택,큐 - 공주구하기 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/shift Array.prototype.shift() - JavaScript | MDNshift() 메서드는 배열에서 첫 번째 요소를 제거하고, 제거된 요소를 반환합니다. 이 메서드는 배열의 길이를 변하게 합니다.developer.mozilla.org 2024. 5. 13. [trello] 1. 환경설정하기 Next.js 14 / Typescript 소개 오늘은 Next.js 14 기반 위에서 Next.js14/ Typescript 환경설정을 해 보도록 하겠습니다. 1. Next.js 14, Typescript 세팅하기 터미널에 아래 코드를 입력합니다. npx create-next-app@latest What is your project named? my-app // (프로젝트명) Would you like to use TypeScript? No / Yes // Yes (Typescript 적용?) Would you like to use ESLint? No / Yes // Yes (Eslint 적용?) Would you like to use Tailwind CSS? No / Yes // Yes (Tailwind CSS 적용?) Would you l.. 2024. 2. 25. [기능] list-item 구조에서 유효 데이터를 가진 첫번째 아이템을 찾아 펼침 상태로 초기화하기 소개 오늘은 list-item 구조에서 유효 데이터가 있는 첫번째 아이템 펼침 기능(toggle)을 구현해 보도록 하겠습니다. 코드구현 // StatusList 파일 import { useMemo } from 'react'; import StudentItem from './StudentItem'; function StatusList(props) { const { list } = props; // validId를 가진 첫번째 학생의 인덱스 찾기 const indexOfFirstValidStudent = useMemo(() => { return list.findIndex((item) => item.validId) }, [list]); return ( {list.map((student, index) => { .. 2024. 2. 18. [프론트엔드] 자바스크립트 / 자바스크립트 특징 소개 오늘은 자바스크립트, 자바스크립트 특징 에 대해 알아보도록 하겠습니다. 목차 - 자바스크립트란 - 자바스크립트 특징 1) 자바스크립트란 동적인 웹페이지를 만들기 위한 프로그래밍 언어입니다. 웹페이지를 조작하고, 클라이언트-서버 간 상호작용에 관한 일을 관여합니다. 메인 쓰레드인 이벤트 루프가 싱글 쓰레드이기 때문에 자바스크립트를 싱글 쓰레드 언어라고 합니다. 참고 ) 자바스크립트 자체는 싱글 쓰레드가 맞지만 이벤트 루프만 독립적으로 실행되지 않고 웹 브라우저나 NodeJS 같은 멀티 쓰레드 환경에서 실행됩니다. 즉, 자바스크립트 자체는 싱글 쓰레드가 맞지만 자바스크립트 런타임은 싱글쓰레드가 아닙니다. 참고 ) 자바스크립트가 싱글 쓰레드인 이유? 만약 자바스립트가 멀티 쓰레드로 실행되는 언어라면 웹페.. 2024. 2. 12. 이전 1 2 3 4 5 6 7 ··· 13 다음 반응형