three kim three kim

IT Study

• [프로그래머스/JavaScript] 문자열 반복해서 출력하기

  IT Study/프로그래머스 2023. 10. 10. 18:20

  자바스크립트(NodeJS)에서 이제 입력을 받아 출력하는 것은 아주 ⭐️ 조금 ⭐️ 익숙해진 것 같습니다. 위 문제에 접근해보겠습니다. 초기 코드 const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout }); let input = []; rl.on('line', function (line) { input = line.split(' '); }).on('close', function () { str = input[0]; n = Number(input[1]); }); 중간 과정 (실패 1) 줄바꿈이 추가되지 않아 str이 그대로 이어져서 출력됩니다. ..

  Read More
• [프로그래머스/JavaScript] 문자열 출력하기 (Feat. 기초 트레이닝)

  IT Study/프로그래머스 2023. 10. 10. 17:59

  초기 코드 const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout }); let input = []; rl.on('line', function (line) { input = [line]; }).on('close',function(){ str = input[0]; }); 완성 코드 (기존 코드에 console.log(str);만 추가) // readline(콘솔에서 사용자 입력 읽기) 모듈 불러오기 const readline = require('readline'); // readline 모듈을 사용해 인터페이스를 생성 const rl = readl..

  Read More
• [JavaScript] `==`, `===` (Feat. 값에 의한 참조, 주소에 의한 참조?)

  IT Study/FE 2023. 10. 10. 14:08

  안녕하세요. Three입니다. Java를 공부할 때, equals(), `=`, `==` 를 비교하고 그 개념을 기억하고 있었는데요. [Java] String 클래스의 equals(), ==, = 의 차이점 String 클래스에서 사용하는 equals와 ==, = 의 차이점에 대해 알아보도록 하겠습니다. equals( ) 메서드 두 개의 객체가 서로 내용이 같은지 비교합니다. 즉, 주소값이 아닌 문자열 자체의 내용이 같은 1-three.tistory.com 그러나 자바스크립트를 공부하며 자바에서의 개념과 많이 헷갈리게 되더라고요... ⭐️ 그래서 ⭐️ 자바스크립트의 `=`, `==`, `===` 의 차이에 대해 공부해보려고 합니다. 이번 글을 통해 `=`, `==`, `===` 차이를 명확히 알아보도록 ..

  Read More
• [JavaScript] null, undefined, NaN 완벽 정복

  IT Study/FE 2023. 10. 5. 14:57

  null, undefined, NaN에 대해 완벽히 정복해 보겠습니다. (ㅋ_ㅋ) 🌟 Point null과 undefined는 값인 동시에 데이터 유형입니다. 1. undefined undefined는 초기화되지 않은 변수의 기본 값으로, 변수를 선언하고 =(등호)로 값을 할당하지 않을 경우 이 변수는 undefined가 됩니다. 또 undefined는 배열에서 생성되지 않은 인덱스로 접근하려 했을 때 뜨기도 하는데요, 아직 없는 요소에 접근하려고 했기 때문에 undefined를 반환합니다. 즉, undefined는 아무것도 없음을 나타내는 값이죠. 또 undefined는 데이터 유형이기도 하는데요, 숫자와 문자열이 데이터 유형인 것처럼 undefined 또한 데이터 유형입니다. 그러나 undefined..

  Read More
• [TypeScript] 타입 스크립트 헷갈리는 기초 문법

  IT Study/컴퓨터 기초 2023. 10. 3. 13:39

  "[위키북스] 타입스크립트, 리액트, Next.js로 배우는 실전 웹 애플리케이션 개발" 책을 통해 TS, Next.js를 공부하고 있습니다. 1. 옵셔널 인수 (생략 가능, 인수명 뒤 ? 붙이기) function sayHello(name: string, greeting?: string): string { return `${greeting}, ${name}`; } console.log(sayHello("Three")); // 출력 : undefined, Three console.log(sayHello("스리", "안녕")); // 출력 : 안녕, 스리 2. 인수의 기본값 지정 (=) function sayHello(name: string, greeting: string = "안녕"): string { r..

  Read More
• [JavaScript] 변수 섀도잉

  IT Study/FE 2023. 10. 2. 13:28

  이번 글에서는 자바 스크립트의 변수 섀도잉에 대해 깊게 파헤쳐보겠습니다 :) 🎨 예시 코드로 시작하기 let userName = "max"; function greetUser(name) { // 함수 내부에서의 userName이 매개변수 name으로 섀도잉 let userName = name; alert(userName); } // 전역 범위에서의 userName을 "Manu"로 변경 userName = "Manu"; // 함수 호출, 알림창에는 "Max"가 표시 greetUser("Max"); // 전역 범위의 userName을 출력, 콘솔에는 "Manu"가 출력 console.log(userName); 함수 내부에서 선언된 변수(userName)는 외부 변수(userName)와 이름이 같더라도 서로 ..

  Read More
• [CS] 신입 개발자 기술면접 질문 - 자료구조 편

  IT Study/컴퓨터 기초 2023. 9. 29. 14:02

  기술면접 질문 "자료구조 편" 시작합니다 :) ! 시간 복잡도는 알고리즘에서 더 자세히 다루겠습니다. (ㅎㅎ) 0. 시간 복잡도가 무엇인가요? 시간 복잡도는 입력한 데이터의 크기에 따라 실행 시간이 어떻게 증가하는지를 설명하는 개념입니다. *빅오 표기법 O(1) 상수 시간 복잡도 입력 크기 무관하게 일정한 실행 시간 O(log n) 로그 시간 복잡도 입력 크기에 따라 로그 정도로 증가하는 실행 시간 O(n) 선형 시간 복잡도 입력 크기에 비례하여 증가하는 실행 시간 O(n^2) 제곱 시간 복잡도 입력 크기에 제곱에 비례하여 증가하는 실행 시간 1. 선형 자료구조에 대해 아는 대로 설명해 주세요. 선형 자료구조란 데이터를 일렬로 나열한 구조로, 주로 배열과 연결 리스트가 대표적인 선형 자료구조로 사용됩니다..

  Read More
• [CSS3] ID 셀렉터와 클래스 셀렉터를 구분하여 사용하는 이유는?

  IT Study/FE 2023. 9. 28. 11:31

  HTML5부터 시작하여 CSS3 등의 개념을 다시 읽어보는 와중에 "ID 셀렉터와 클래스 셀렉터" 파트가 나왔습니다. 왜 이들을 구분하여 사용할까요 ? id와 클래스가 사용되는 이유를 다시 떠올리면 알 수 있을 것 같은데요, 그 이유에 대해 정확히 알아봅시다. ✏️ 1. 원하는 요소를 정확하게 선택하기 위해서 구분하여 사용합니다. ID 셀렉터(#) id는 문서 내에 고유한 식별자여야 하므로, 특정 요소 하나만들 정확하게 선택하는 데에 사용됩니다. 하나의 웹 페이지에 동일한 id를 가진 요소는 오직 하나만 존재합니다. 따라서 ID 셀렉터를 통해 특정 요소를 정확하게 선택할 수 있습니다. 클래스 셀렉터(.) 클래스는 하나 이상의 요소에 동일한 스타일을 적용하기 위해 사용합니다. 여러 요소를 선택하고 스타일을..

  Read More