nninyeong
close
프로필 배경
프로필 로고

nninyeong

  • 분류 전체보기 (169)
    • JavaScript (36)
    • TypeScript (4)
    • HTML + CSS (12)
    • React (35)
    • Next.js (17)
    • 프론트엔드 아키텍처 & 설계 (1)
    • React Native (3)
    • 데이터분석 (3)
    • supabase (3)
    • 네트워크 (4)
    • 디자인패턴 (1)
    • 알고리즘 (4)
    • 실험실 (1)
    • 개인 프로젝트 (6)
      • 개인 과제 (3)
      • 포트폴리오 (2)
      • 뿌셔뿌셔 (개인) (1)
    • 팀 프로젝트 (11)
      • 마이폴라 (0)
      • 오르미 (4)
    • 일지 (17)
    • 챌린지반 (5)
    • MICE (0)
    • 아티클 & 개발 팁 (3)
    • 기술면접 준비 (2)
  • 홈
  • 태그
  • 방명록

Javascript 진법 변환하기 (프로그래머스 3진법 뒤집기)

프로그래머스 3진법 뒤집기 문제를 풀이한 후 메서드를 활용한 진법변환이 눈에 띄어 더 알아보았다! 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 내가 시도한 방법function solution(n) { let convertedNum = []; while(n > 0) { convertedNum.push(n % 3); n = Math.trunc(n / 3); } let answer = 0; for(let i = 0; i  변환해야 하는 수를 3으로 나눠가며 몫과 나머지로 3진수 수를 구하고, 뒤집..

  • format_list_bulleted JavaScript
  • · 2024. 6. 17.
  • textsms
[jQuery] 동적 생성한 태그에 attribute 추가하기

[jQuery] 동적 생성한 태그에 attribute 추가하기

서울시 미세먼지 API를 활용한 fetch 실습 강의 수강 중 특정 조건에서 빨간 글씨로 출력하기 위해 아래와같은 코드를 사용하였다.let tmp_html = ``;if(gu_mise > 40) { tmp_html = `${gu_name} : ${gu_mise}`;}else { tmp_html = `${gu_name} : ${gu_mise}`;}$('#names-q1').append(tmp_html); 동일한 부분은 한번에 처리하고 조건에따라 달라져야하는 부분만 따로 처리할 방법을 고민해보고싶어 이것저것 찾아보고 시도해보았다! 처음 시도한 방법문자열 보간let li_class = gu_mise > 40 ? "class=bad" : "";let test_html = `${gu_name} : ${..

  • format_list_bulleted JavaScript
  • · 2024. 6. 14.
  • textsms
Javascript 실행 시간 측정하기

Javascript 실행 시간 측정하기

콘솔을 활용해 ASCII 아트를 찍어보는 실습을 해보던 중..이스케이프 문자를 활용해보고 다양한 console.error와 같은 출력방식을 접해보는 것만 생각하고 자신있게 시작했다가 예상치 못한 난관에 마주쳤다.바로... 시간 측정!! 처음 시도했던 방법let start = new Date();console.log(" /\\_____\n", " ( @ \\___\n", " / 0\n", " / (_____/\n", " /________/ U");let end = new Date();console.log("이것은 간단한 ASCII 아트 강아지입니다.");console.warn("주의: ..

  • format_list_bulleted JavaScript
  • · 2024. 6. 13.
  • textsms

Javascript란? (JS와 프레임워크/라이브러리 알아보기)

본격적으로 자바스크립트 공부를 시작하며 자바스크립트와 자주 사용하는 라이브러리, 프레임워크를 알아보았다.아직은 감이 잡히지 않는 내용들도 있지만.. 공부하며 차근차근 보강해야겠다!  Javascript란?웹페이지에 생동감을 불어넣기 위해 만들어진 프로그래밍 언어자바스크립트로 작성한 프로그램을 스크립트(script)라고 부르며, HTML에 연결되어 웹페이지를 불러올 때 스크립트가 자동으로 실행됨웹페이지의 동작뿐만 아니라 서버, 모바일 앱 등에도 활용할 수 있음 자바스크립트 엔진 (Javascript Engine)자바스크립트의 동작을 위해 브라우저에 자바스크립트 가상머신이 내장되어 있음엔진의 종류는 다양하고, 브라우저마다 다른 엔진을 사용하고 있음V8Chrome, OperaSpiderMonkeyFirefox..

  • format_list_bulleted JavaScript
  • · 2024. 6. 12.
  • textsms

Javascript의 자료형

동적 타이핑 언어자바스크립트는 동적 타이핑 언어로, 자료형이 있지만 프로그래머가 자료형을 지정하지 않아도 되는 언어이다.변수에 저장되는 값의 타입은 초기화 이후에도 언제든지 바뀔 수 있다. 숫자형 (Number)정수, 부동소수점 숫자, 특수 숫자값이 해당된다.- 지수 표현: 2.5e5 === 2.5 * 10^5- 특수 숫자값 (special numeric value): Infinity, -Infinity, NaN- Infinity: 어떠한 숫자보다 더 큰 값, 무한대 / 어떤 숫자든 0으로 나누면 무한대- NaN: 부정확하거나 정의되지 않은 수학 연산을 사용하여 에러가 발생했을 때 반환되는 값 BigInt2^53 - 1보다 큰 값 혹은 -(2^53 -1)보다 작은 정수는 숫자형을 통해 나타낼 수 없다.따..

  • format_list_bulleted JavaScript
  • · 2024. 6. 11.
  • textsms

Javascript 정수 표현하기

프로그래머스 문제를 풀이하며 다른 형태의 값들을 정수로 변환할 수 있는 방법이 헷갈려 정리해보았다. 1. parseInt()- Number 혹은 String 객체를 정수 형태로 변환한 값을 반환- 반환된 타입은 모두 Numberlet n = 3.5;console.log(parseInt(n));// 출력값3 2. Number.toFixed()- Number 타입의 객체에서 소수점 이하를 버리고 정수 부분만 반환- Number.toFixed(n) 과 같이 사용하는 경우 소수점 n자리 아래로 버린 값을 반환let num1 = 3.3333333;let num2 = 3;console.log(num1.toFixed());console.log(num1.toFixed(2));console.log(num2.toFixed..

  • format_list_bulleted JavaScript
  • · 2024. 6. 10.
  • textsms
  • navigate_before
  • 1
  • ···
  • 3
  • 4
  • 5
  • 6
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (169)
    • JavaScript (36)
    • TypeScript (4)
    • HTML + CSS (12)
    • React (35)
    • Next.js (17)
    • 프론트엔드 아키텍처 & 설계 (1)
    • React Native (3)
    • 데이터분석 (3)
    • supabase (3)
    • 네트워크 (4)
    • 디자인패턴 (1)
    • 알고리즘 (4)
    • 실험실 (1)
    • 개인 프로젝트 (6)
      • 개인 과제 (3)
      • 포트폴리오 (2)
      • 뿌셔뿌셔 (개인) (1)
    • 팀 프로젝트 (11)
      • 마이폴라 (0)
      • 오르미 (4)
    • 일지 (17)
    • 챌린지반 (5)
    • MICE (0)
    • 아티클 & 개발 팁 (3)
    • 기술면접 준비 (2)
최근 글
인기 글
최근 댓글
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바