본문 바로가기

전체 글

(364)
[프로그래머스] 다항식 더하기 [ 문제 ] 여기서 중요하게 봐야할 건, 결괏값을 '문자열'로 return하기! 여기서 잘 봐야할 건, '계수 1는 생략합니다'. 여기서 잠깐 용어 정리를 해보면 항 : 숫자 또는 문자의 곱으로 이루어진 식. 숫자와 문자를 곱한 것, 문자와 문자를 곱한 것, 숫자와 숫자를 곱한 것 ex: 3, 3a, a² 다항식 : 1개 이상의 항으로 이루어진 식. ex: 3x, 3x+1, 2y-2 단항식 : 다항식 중, 항이 1개만 있는 식. (즉, 단항식은 다항식에 포함됨) ex: 3x, -2, 1 차수 : 문자가 곱해진 횟수 ex 1) 4x² : x가 두번 곱해졌으므로 차수는 2. ex 2) 2y : y가 한 번 곱해졌으므로 차수는 1. ex 3) 1 : 문자가 곱해진 것이 없다. 그래서 차수는 0. 일차항 : 항..
객체지향 Class 문법 게임 LOL에 등장하는 캐릭터들에 대한 데이터들을 JavaScript로 정리를 하고싶다. JavaScript의 object 형태로 정리해보자. var 캐릭터1 = {name: '..'} var 캐릭터2 = {name: '..'} var 캐릭터3 = {name: '..'} var 캐릭터4 = {name: '..'} 이렇게 캐릭터가 100개가 필요하다. LOL에 등장하는 캐릭터들은 특징이 여러가지가 있다. 먼저 캐릭터 2개의 특징에 대해 정리해보자. var nunu = { q : 'consume', w : 'snowball' } var garen = { q : 'strike', w : 'courage' } 이렇게 100개의 캐릭터에 대한 특징을 정리하려면... 밤을 새야한다. 이런 작업을 쉽게 할 수 있는 ..
라이브러리(Library) vs 프레임워크(Framework) 라이브러리와 프레임워크의 차이는 뭘까? 뭔가 느낌으로는 알겠는데, 막상 설명을 하라고 하면 정확하게 잘 못하겠다. 그 말은 즉, 내 머릿속에 아직 명확하게 정리가 되어있지 않다는 뜻이겠지..! 이 참에 제대로 공부해보자! 라이브러리란? 자주 쓰는 코드를 함수로 가공해서 정리해 놓은 것을 재사용할 수 있도록 해놓은 일종의 코드 모음집. 이미 다른 개발자들이 잘 짜놓은 코드를 공유받아 쓸 수 있는 도서관(library) 같은 역할을 한다. 프레임워크란? 페이지 설계의 토대가 되는 부분을 기술해 놓은 기반 코드(클래스) 및 라이브러리를 제공해 주는 구조. # 공통점 - 둘다 다른 사람이 만들어둔 코드. 우리의 프로젝트를 위해서 이 코드를 가져다가 쓴다. - pre-packaged 3rd party code u..
[JS] 연산자 - 산술연산자 산술연산자 : 사칙연산을 다루는 가장 기본적이면서도 많이 사용하는 연산자. 덧셈, 뺄셈, 곱셈, 나눗셈이 있다. 순서대로 +, -, *, / 나누고 난 나머지를 계산해주는 연산자인 %도 존재. (%를 한국어로는 나머지 연산자, 영어로는 remainder operator 또는 modulo operator라고도 한다.) 산술 연산을 할 수 없는 경우에는 NaN을 반환. 산술 연산자는 '이항 산술 연산자'와 '단항 산술 연산자'로 구분할 수 있다. 1) 이항 산술 연산자 : 2개의 피연산자를 대상으로 연산하여 숫자 타입의 값을 만든다. 모든 이항 산술 연산자는 피연산자의 값을 변경하는 부수 효과(Side Effect)가 없다. 다시 말해, 어떤 산술 연산을 해도 피연산자의 값이 바뀌는 경우는 없고 단지 새로운..
유사배열객체(array-like object) 정의 유사배열객체 : 배열처럼 보이지만 실제 key가 숫자이고 length값을 가지고 있는 객체. JS에서 querySelectorAll이나 document.body.children으로 엘리먼트를 가져오면 유사배열객체에 담겨서 온다. Example index.html(html파일) Hello World I'm Programmer javascript.js(js파일) let array = [1,2,3]; //[1,2,3] let nodes = document.querySelectorAll('.text');// NodeList[div, div, div,..] let els = document.body.children;// HTMLCollection[div,div,..,script] nodes, els값을 co..
변수의 정의, 변수 호이스팅, var / let / const의 특징 # 변수 - 메모리 : 데이터를 저장할 수 있는 메모리 셀의 집합체. 각 셀은 고유한 메모리 주소를 갖는다. 이 메모리 주소는 '메모리 공간의 위치'를 나타낸다. 메모리 주소를 통해 데이터에 직접 접근하는 것은 치명적 오류를 발생시킬 가능성이 높은, 매우 위험한 일이다. 만약 실수로 운영체제가 사용하고 있는 값을 변경하면 시스템을 멈추게 할 수 있는 치명적인 오류를 발생시킬수 있기때문에, 자바스크립트는 직접적으로 메모리를 제어하는것을 허용하지 않는다. 그래서 자바스크립트는 값을 메모리에 저장하고, 저장된 값을 읽어 들여 재사용하기위해서 '변수'를 사용한다. - 변수 : 메모리 공간을 식별하기 위해 붙인 이름. 즉 값의 위치를 가리키는 이름. ex: 변수 'score'는 값 90이 저장되어 있는 메모리 주..
2023.02.01.WED. 하나를 알더라도 제대로 알고 넘어가자. 그리고 생각을 많이하고, 원리를 정확하게 이해하고 응용하자. 그냥 무작정 코드를 작성하지말고, 고민을 하고 생각을 하고 코드를 작성하자.
[Udemy Vue 완벽가이드 Section5] 63. 템플릿 이해하기 HTML 코드 당, 하나의 앱만 사용해야 한다. Vue앱을 HTML코드의 DOM내 특정 위치에 마운트할때면, 해당 HTML 드 부분을 Vue앱의 템플릿으로 지정하게 된다. 즉, 아래 부분이 첫번째 Vue앱의 템플릿이 되는 셈이다. How Vue Works Set Text {{ message }} 해당 섹션의 #app 선택자를 통해 마운트 되었다. 앱에서 템플릿을 정의하는 방법에는 여러가지가 있다. HTML코드를 작성하고, 애플리케이션을 #app2에 mount하는 방식이 가장 쉽다. 하지만 template을 추가하는 유일한 방법은 아니다. Vue앱에 템플릿을 추가할때, app configuartion object에 template option을 추가하여 사용할 수 있다. const app2 = Vue.cr..