마법의 엘레베이터(JavaScript)- LEVEL 2 출처 : https://school.programmers.co.kr/learn/courses/30/lessons/148653 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 마법의 세계에 사는 민수는 아주 높은 탑에 살고 있습니다. 탑이 너무 높아서 걸어 다니기 힘든 민수는 마법의 엘리베이터를 만들었습니다. 마법의 엘리베이터의 버튼은 특별합니다. 마법의 엘리베이터에는 -1, +1, -10, +10, -100, +100 등과 같이 절댓값이 10c (c ≥ 0 인 정수) 형태인 정수들이 적힌 버튼이 ..

재귀 함수(Recursion Function) "본디의 곳으로 다시 돌아오는 것"은 재귀의 사전적인 정의이다. 그렇다면 재귀함수(Recursion Function)은 무엇일까? 재귀함수는 정의 단계에서 자기 자신을 호출하는 함수를 말합니다. 재귀함수를 사용하면 반복문과 같이 동작시킬 수 있고, 반대로 모든 반복문도 재귀 함수로 구현이 가능하다. 재귀 함수(Recursion Function) 생성 //재귀함수 function recursionFunction() { ... //재참조 recursionFunction(); ... } 위와 같은 구조로 재귀함수 정의 단계에서 재귀 함수를 호출한다. 하지만 이렇게 함수 내부에서 자기 자신의 함수를 계속 참조한다면 함수는 끝나지 않을것이다. 그래서 특정 조건에 만족..

2022.12.15 - [JAVA] - [JAVA]클래스와 인스턴스 [JAVA]클래스와 인스턴스 ⚡️클래스 (class) 객체 지향이라는 프로그래밍 패러다임을 가진 JAVA에서는 객체(Object)를 중심으로 프로그래밍을 구성합니다. 객체(Object)의 동작이나 속성들을 구체화 시킨 것이 객체 지향 프로 mooonstar.tistory.com 생성자(Constructor) 지난 포스팅에서 클래스와 인스턴스에 대한 내용을 다루었습니다. 다음과 같은 코드를 사용하여 인스턴스를 생성하였습니다. 클래스 변수(객체) = new 클래스(); //클래스() --> 생성자 호출 위의 코드가 실행되고 인스턴스가 생성될 시에 반드시 실행되어야 하는 작업이 있다. 바로 인스턴스를 초기화해야 하는 일이다. 이 초기화의 역할..

2022.12.01 - [Javascript] - [Javascript] 동기(Synchronous)와 비동기(asynchronous)란? [Javascript] 동기(Synchronous)와 비동기(asynchronous)란? 글을 쓰기전에.. 최근 Javascript에 대한 관심이 커지면서 문법적인 부분을 먼저 공부하였다. 기본적인 문법을 익히고 나서는 Javascript의 동작 방식에 대해 궁금증이 생겼고, 가장 자주 쓰이며 꼭 알 mooonstar.tistory.com 2022.12.04 - [Javascript] - [Javascript] 콜백(Callback) 함수란? [Javascript] 콜백(Callback) 함수란? ⚡️글을 읽기 전에. 콜백(Callback) 함수를 쉽게 이해하기 위해..

Fetch API 웹 개발을 하다 보면 클라이언트와 서버 간에 데이터를 주고받기 위해 HTTP 통신을 하게 됩니다. 오늘 포스팅은 Javascript의 비동기 통신을 위해 사용되는 Fetch API에 대해 알아보도록 하겠습니다. 동기, 비동기에 대해 잘 모르시는 분은 아래 링크를 우선 보고 와주시면 감사하겠습니다. 2022.12.01 - [Javascript] - [Javascript] 동기(Synchronous)와 비동기(asynchronous)란? [Javascript] 동기(Synchronous)와 비동기(asynchronous)란? 글을 쓰기전에.. 최근 Javascript에 대한 관심이 커지면서 문법적인 부분을 먼저 공부하였다. 기본적인 문법을 익히고 나서는 Javascript의 동작 방식에 대..

🔥var를 사용하지 않는 이유 ES6 이후 var를 사용함으로써 발생하는 문제를 해결하기 위해 새로운 변수 선언 방식인 let, const가 등장하였고, Javascript 코드에서 var의 선언 방식은 점차 사라지고 있다. 필자도 그러한 이유로 var 선언 방식을 거의 사용하지 않았다. var는 다음과 같은 문제를 갖는다. 💥변수명 중복 생성 가능 var name = "moonstar" console.log(name) //moonstar var name = "blog" console.log(name) //blog 위와 같은 같은 변수명에 서로 다른 값을 할당해도 문제없이 실행되는 모습을 볼 수 있다. 하지만 개발자의 실수로 같은 변수명을 선언하고 할당하는 경우, 기존의 변수에 할당되는 값이 변할 것이며..

💥Error & Exception 실행되고 있는 프로그램이 비정상적인 종료가 된다거나 오작동을 하게 되면 심각한 문제를 야기하게 됩니다. 이러한 문제를 야기하는 원인에는 바로 Error와 Exception이 있습니다. 이번 포스팅은 Error(오류)와 Exception(예외)의 차이를 명확히 구분하고, 예외 처리(Exception Handling)에 대해 알아보도록 하겠습니다. 💥오류(Error) JAVA에서의 발생 Error는 크게 3가지로 구분된다. 컴파일 에러(Compile - Error) 런타임 에러(Runtiome - Error 논리적 에러(Logical - Error) 컴파일 에러는 실행되기 전 컴파일 단계에서 발생하는 문제이기 때문에 충분히 해결할 수 있고, 반면에 런타임 오류는 실행 도중 ..

⚡️HTML요소 접근 방법 컴포넌트 기반 웹 프로그래밍이 추세가 됨에 따라, 웹 개발을 하면서 컴포넌트에 대한 접근은 필수적입니다. 과거의 Javascript 에서는 컴포넌트에 접근할 수 있는 수단으로 제이쿼리를 사용하였다. 하지만 현재 Javascript가 현대화가 되면서, 자체적으로 DOM에 접근할 수 있는 메서드가 추가되어 제이쿼리 없이 제이쿼리가 할 수 있는 기능을 구현할 수 있다. 이번 포스팅에서는 Javascript의 querySelector에 대하여 작성하도록 하겠습니다. 🔥Document 구조 위의 그림을 보면 문서(Document)의 전체 구조를 파악할 수 있습니다. 따라서 Javascript의 querySelector() 함수를 사용하게 되면 특정 선택자와 일치하는 요소에 접근하여 원하..

⚡️프로그램의 구성 개발자는 프로그램을 구성할 때 프로그램 내에서 사용될 데이터를 정의하고 정의된 데이터를 바탕으로 기능을 구현합니다. 데이터가 어떻게 정의되느냐에 따라 프로그램에 영향이 미치기 때문에 완성도 있는 프로그램을 개발하기 위해서는 적재적소에 맞는 데이터 타입의 사용은 개발자에게 꼭 필요한 조건입니다. 이번 포스팅에서는 JAVA에서 사용되는 데이터 타입에 대한 분류와 이해를 하도록 하겠습니다. ⚡️변수 (variable) 프로그래밍 중 수시로 변하는 값을 처리하기 위해 변수를 사용합니다. 변수를 사용하기 위해선 선언이라는 과정이 필요한데 선언을 하게 되면 메모리 상에 타입에 따른 메모리 공간이 확보됩니다. 확보되는 공간은 데이터의 타입에 따라 다르며 다음과 같습니다. 타입 크기 byte 1 b..

콜백(Callback) 함수를 쉽게 이해하기 위해서는 Javascript에 동기, 비동기 동작 방식에 대한 이해가 필요합니다. 이 부분은 아래 링크의 글을 읽어주시면 감사하겠습니다. 2023.04.10 - [Languages/Javascript] - [Javascript]동기와 비동기의 이해 콜 스택(Call Stack) 이해하기 [Javascript]동기와 비동기의 이해 콜 스택(Call Stack) 이해하기 📌개요 최근 Javascript에 대한 관심이 커지면서 문법적인 부분을 먼저 공부하였다. 기본적인 문법을 익히고 나서는 Javascript의 동작 방식에 대해 궁금증이 생겼고, 가장 자주 쓰이며 꼭 알아야 할 mooonstar.tistory.com 콜백(Callback) 함수란? 콜백(Callba..