글또라는 개발자 글쓰기 커뮤니티는 작년에 처음 알게 되었다.처음 알게된 후, 꼭 들어가고 싶은 곳이라고 생각을 했다. 그래서 7기는 언제 모집하는지 항상 알아보곤 했다. 지난 달에 글또 7기를 모집한다는 글을 보고 바로 신청했다!부트캠프를 졸업하고 개발자가 되었다. 부

자바스크립트에서 복잡한 조건문을 쓰는 것은, 항상 지저분한 코드를 작성할 가능성이 있다.다수의 조건문의 경우,Object literal이 코드를 구조화하는 가장 읽기 좋은 방법이라고 생각한다.예시를 보면, 운율이 있는 슬랭 구문과 그 의미를 리턴하는 함수가 있다고 가정

Three.js는 웹페이지에 3D객체를 쉽게 렌더링하도록 도와주는 자바스크립트 3D 라이브러리.대부분의 경우,Three.js는 3D객체를 렌더링하는 데 webgL을 사용한다. WebGL:점,선,삼각형만을 그리는 아주 단순한 시스템WebGL로 직접 무언가를 만들려면 상당

Vue 3에서 새로 등장한 The composition API에 대해 알아보자.1.Group logic together in a setup function2.Easily create reusable logic(Functions)예시 코드를 살펴보자.ref를 사용할 때는

라우터를 이해하기 위해서는 먼저 라우팅이 무엇인지 알아야 한다. 라우팅은 웹 페이지 간의 이동 방법을 말한다. 라우팅은 현대 웹 앱 형태 중 하나인 SPA에서 주로 사용하고 있다.SPA 싱글 페이지 애플리케이션: 페이지를 이동할 때마다 서버에 웹 페이지를 요청하여 새로

{{데이터 바인딩}}하는 이유??1\. HTML에 하드코딩해놓으면 나중에 변경이 어려움2.Vue의 실시간 자동 렌더링이 된다.=>Vue는 data를 변경하면 data와 관련된 HTML에도 실시간으로 반영이 된다.3\. 애초에 값이 바뀔 일 없으면 데이터 바인딩안해도 된

아래 array안에 object가 있는 예시를 살펴보자.foodArray안 각 object를 iterate하기 위해 for loop를 쓰고자 한다.forEach를 사용하면 for loop와 동일한 결과를 얻을 수 있다.forEach는 모든 array안에 존재한다. 위

헷갈리는 forEach, for in, for of를 정리해보고자 한다.forEach는 모든 요소를 반복하며 콜백함수를 실행한다.오직 Array객체에서만 사용가능한 메서드. 반복문이 아니라 함수이다.for...in은 객체에 사용할 수 있다. 객체의 key값과 value

😀 무궁무진한 자바스크립트세계에 빠져보자! 1.[]와 ![]은 같다. > [] ==![] =>true 위 표현식은 아래와 같이 단순화될 수 있다. 추상항등 연사자는 양쪽을 숫자로 변환하여 비교하고 서로 다른 이유로 결국 양쪽의 숫자는 0이 된다. 2.tr

useMemo는 useCallback과 비슷하다. memoized callback을 리턴하는 대신, memoized value를 리턴한다.useMemo는 2개의 arguments(함수, 의존성 배열)를 갖는다. 매 렌더시, 의존성배열의 값에 아무런 변화가 없다면 use

useCallback은 2개의 argument(callback function, 의존성배열)를 갖는다.의존성 배열의 값이 바뀌었을 때 memoized callback 함수를 리턴한다.🐹Memoization은 무엇인가?memoized,momoization은 최적화 기술

useReducer란? useRedcuer Hook은 react가 상태관리를 위한 reducer function에 접근할 수 있게 해준다. useState Hook과 매우 비슷한데, 차이점이라면 useReducer는 좀 더 복잡한 로직과 상태관리에서 사용되는 경우가

Write a function to find the longest common prefix string amongsts an array of strings. If there is no common prefix, return an empty string "". Exam

Roman numerals are represented by seven different symbols :I,V,X,L,C,D,M.Symbol : ValueI 1V 5X 10L

디자인패턴은 소프트웨어 개발에 발생하는 다양한 이슈들을 해결하는데 도움을 주는 일종의 증명된 기술들이다.이러한 상황에서는 이러한 패턴을 사용하면 좋을 것이라는 일종의 방향성을 제시해준다.싱글톤 패턴은 특정 클래스의 객체를 한 개만 유지하는 패턴이다.전역에서 접근할 수

Given an integer X, return true if x is palindrome integer. An integer is a palindrome when it reads the same backward as forward. For example, 121 is

Given a signed 32-bit integer x, return x with its digits reversed.If reversing x causes the value to go outside the signed 32-bit integer range −231,

Given a string s, find the length of the longest substring without repeating charactersExample 1Input: s = "abcabcbb"Output:3Explanation: The answer i

Context API는 상태의 중앙관리를 위한 상태관리 도구리덕스와 다르게 여러 저장소가 존재할 수 있다. Context API는 크게 전역 상태가 저장되는 context, 전역 상태를 제공하는 provider, 전역 상태를 받아 사용하는 consumer로 나뉜다con

grid's element에서 space-between,space-around를 사용하면 깨진 grids를 보기 쉽다.그렇기에 column-gap을 사용하는 것이 더 좋은 방법이다.예시)justify-content와 align-items를 사용하면 수직 정렬시 데이터를