반응형
- 자바스크립트 고수도 헷갈리는 배열의 접근 방식주사위 clice※ 제가 고수라는 뜻은 아닙니다 위 코드의 출력 값은 어떻게 될까? 첫줄에서 선언한 그대로 [9,8,7,6][1,2]이렇게 출력될까?결과를 마음 속으로 생각해보고, 아래 더보기를 눌러 답을 확인해보자.더보기놀랍게도 답은 7이 나온다.자바스크립트 배열의 접근 방식 이해하기자바스크립트에서 배열은 매우 자주 사용 되는 자료형이다.배열은 값들의 집합을 담고 있으며, 각 값은 인덱스를 통해 접근할 수 있다.이번 글에서는 배열에 접근하는 방법과, 자바스크립트의 특이한 배열 접근 방식에 대해 알아보자! 자바스크립트 배열 기초자바스크립트 배열은 값을 여러 개 저장할 수 있는 리스트 형태의 자료 구조이다. 배열에 저장된 각 값은 인덱스를 통해 접근할 수 있다.배열의 인덱스는 0부터 시작하며, 배열[인덱스] 형식으로 배열..
- 2024-09-21 20:39:37
- [JS] for in 문으로 효율성 테스트 실패하기 (프로그래머스)주사위 clice아래 문제를 풀다가 처음으로 프로그래머스 효율성 테스트에서 실패를 받았다. 문제 링크: https://school.programmers.co.kr/learn/courses/30/lessons/12906 문제 설명배열 arr가 주어집니다. 배열 arr의 각 원소는 숫자 0부터 9까지로 이루어져 있습니다. 이때, 배열 arr에서 연속적으로 나타나는 숫자는 하나만 남기고 전부 제거하려고 합니다. 단, 제거된 후 남은 수들을 반환할 때는 배열 arr의 원소들의 순서를 유지해야 합니다. 예를 들면,arr = [1, 1, 3, 3, 0, 1, 1] 이면 [1, 3, 0, 1] 을 return 합니다.arr = [4, 4, 4, 3, 3] 이면 [4, 3] 을 return 합니다.배열 arr에서 연속적으로 나타나는 ..
- 2024-09-10 14:36:13
- vite로 배포중인 리액트 프로젝트 모바일로 localhost 접속해서 확인하기주사위 clice한 줄 설명vite로 배포중인 리액트 프로젝트 모바일로 localhost 접속해서 확인하기문제 상황웹앱을 개발하면서 모바일 환경에 맞춰 화면을 구성하다 보니, 계속해서 개발자 도구를 이용해 모바일 화면을 확인해야 했다. 이 과정이 상당히 번거로웠고, 특히 아이폰의 노치 때문에 실제 배포된 화면을 직접 핸드폰으로 확인하고 수정해야 했다. 그래서 개발 중인 localhost를 내 핸드폰에서 바로 확인할 수 있으면 좋겠다고 생각하게 되었다. 시도했던 첫번째 방법일단 검색해서 나온 첫번째 방법으로 시도했다기존에는 npm run dev로 했다면, 뒤에 --host를 붙인다(-가 두개다)npm run dev -- --host또는vite --host로 개발 서버 실행해준다그러나.. 트러블 슈팅근데 나는 안 됐다. ..
- 2024-08-29 15:13:32
- 자바스크립트 실행 컨텍스트: 예제를 통해 쉽게 이해하기주사위 clice들어가기 앞서...실행 컨텍스트는 자바스크립트의 동작원리를 담고 있는 핵심 개념이다실행 컨텍스트를 바르게 이해해야, 스코트를 기반으로 바이딩을 관리하는 방법과, 호이스팅이 발생하는 이유, 클로저의 동작 방식, 이벤트 핸들러와 비동기 처리 방식을 이해할 수 있다 소스코드의 타입코드 종류설명전역 코드전역에 존재하는 소스코드를 말한다. 전역에 정의된 함수, 클래스 등의 내부 코드는 포함하지 않는다함수 코드함수 내부에 존재하는 소스코드를 말한다. 함수 내부에 중첩된 함수, 클래스 등의 내부 코드는 포함되지 않는다eval 코드빌트인 전역함수인 eval 함수에 인수로 전달되는 소스코드 그 자체를 말한다모듈 코드모듈 내부에 존재하는 소스 코드를 말한다.모듈 내부의 함수, 클래스 등의 내부 코드는 '포함되지 않는다!..
- 2024-08-28 14:30:45
- [VIM] 코드 편집기 끝판왕 시작하기, 테마설정, 플러그인, nerdtree 등 링크 모음주사위 clice개발자라면 vim이지!커스터마이징의 끝판왕 vim을 쓰고 싶었다,이건 두번째이유이고주변에 개발 잘 하는 사람들이 다 vim을 써서 따라해보고 싶었던게 첫번째 이유였다실제로 10~20년차 개발자를 만나봤는데, 터미널에서 코드를 편집하면서”하하 저는 옛날 사람이라 vim 써요“ 라고 말하는게 너무 간지나보였다그러나 비주얼 스튜디오 코드의 확장성 때문에 번번이 실패했고, 나중에라도 다시 도전해보기 위해 시도해봤던 링크를 모아보려고 한다 시작하기https://velog.io/@banjjoknim/Vi-Vim-%ED%8E%B8%EC%A7%91%EA%B8%B0-%EC%82%AC%EC%9A%A9%EB%B2%95 Vi / Vim 편집기 사용법리눅스 환경에서 사용할 수 있는 Vi(Vim) 편집기의 기본적인 사용법에 대해..
- 2024-08-25 00:02:32
- [CSS] 검색창 커서 색 바꾸는 방법주사위 clice기존 화면필요한 css클래스, 또는 클래스 명에 caret-색상명을 주면된다즉, tailwindcss를 클래스 명에 적는 html 코드의 경우`tailwindcss를 clssName에 적는 리액트 코드의 경우 # 기존 코드 setSearchTerm(e.target.value)}onKeyPress={handleKeyPress}className="pl-4 pr-12 py-2 w-full rounded-full border border-transparent focus:outline-none placeholder-gray2 font-pretendard font-normal text-[16px]"/> 결과beforeafter
- 2024-08-19 14:58:08
- [yarn] yarn 설치했는데 제대로 동작하지 않는 경우 해결하기 yarn was installed, but doesn't seem to be working :( 에러 해결주사위 clice문제 상황분명 yarn 을 설치 했는데 에러 메세지가 났다설치는 되었는데, 동작하지 않는다니 이게 무슨 소리일까 보통 이 문제는 프로젝트 세팅 초기에 발생한다 실패한 시도전역으로 재설치를 하려고 했다근데 에러가 났다에러 메세지를 보니 권한이 없어서 폴더를 만들지 못했고, 설치할 폴더를 못 만들어서 설치 안 되는것 같았다 해결방법 1. .npm-global 파일을 만든다그리고 아래 코드를 순서대로 입력한다mkdir ~/.npm-globalnpm config set prefix '~/.npm-global'export PATH=~/.npm-global/bin:$PATH 2. 재설치 해준다npm --global install yarn 3. 설치가 잘 되었는지 확인해준다yarn -v 버전이 나오면 설치가 ..
- 2024-08-11 12:21:20
- [JS] 자바스크립트 자동 형변환을 이용해서 쉽게 숫자를 문자열로 바꾸기+프로그래머스 12933주사위 clice모던 자바스크립트 딥다이브에서 타입 변환(형변환)파트를 읽던 중 발생한 일이다.아래와 같은 구절이 눈에 띄었다 명시적 형변환과 암묵적 형변환에 대해 간단히 짚고 넘어가자.명시적 형변환 (Explicit Type Conversion): * 프로그래머가 코드에서 명확하게 타입 변환을 지정한다 * 예시: Number("123"), String(123), (10).toString() * 코드 가독성이 높고, 코드 리뷰 시 의도를 명확히 알 수 있다암묵적 형변환, 자동 형변환 (Implicit Type Conversion) * 자바스크립트 엔진이 자동으로 타입을 변환해준다 * 예를 들어 10 + ''처럼 숫자 10 뒤에 빈 문자열('')을 합하면숫자 10을 문자열 "10"으로 변..
- 2024-08-02 21:22:51
- [JS] 자바스크립트 약수 구하기 (Math.sqrt로 시간 복잡도 줄이기)주사위 clice코테 문제를 풀다 보면 인자에 대해 약수를 구해야 하는 경우가 자주 나온다그때마다 약수 구하는 함수를 새로 짰는데, 계속 반복해서 같은 코드를 관리하다 보니 너무 귀찮아져서 블로그에 기록해두고 필요할 때 마다 복사해서 사용하려고 한다 😊 일반적인 코드-1부터 n까지 나머지가 0인 값을 더하기const findDivisors = (n) => { var answer = [1]; //1은 모든 수의 약수니까 약수 배열을 1 포함해 만든다 for(let i = 2; i 사람의 사고 방식으로 작성된 코드이다하지만 1부터 n까지 모든 숫자를 검사하기 때문에 시간 복잡도가 O(n)이라 비효율적이다. 더 효율적인 코드- 1부터 √n까지만 검사하기const findDivisors = (n) => { ..
- 2024-08-02 14:43:25
반응형
스킨 업데이트 안내
현재 이용하고 계신 스킨의 버전보다 더 높은 최신 버전이 감지 되었습니다. 최신버전 스킨 파일을 다운로드 받을 수 있는 페이지로 이동하시겠습니까?
("아니오" 를 선택할 시 30일 동안 최신 버전이 감지되어도 모달 창이 표시되지 않습니다.)