전체 글127 React - React 를 사용하기 위해 되짚어보는 JavaScript 기초 (7) 안녕하세요. Hynn 입니다. 이번 포스팅에서는 JavaScript 를 사용하면서 가장 지겹게 다루게 될 Array, 즉 배열 내장함수를 다루는 기본적 사용방법을 다루어 보도록 하겟습니다. 배열 내장함수가 참 많은 역활을 하고 있기 때문에, 이 기본적 사항은 이해하는것이 이후 코드 작성에 많은 도움이 되리라 생각합니다. 그럼 시작해보겠습니다. 1. forEach 기존의 조건문, 반복문을 이용해 배열을 순회하기 위해서는 다소 코드가 길어지는 문제가 있습니다. 길다고 나쁜 코드가 아니라, 효율적이지 못한 부분이 존재하기 때문입니다. 먼저 간단한 예시를 들어보겠습니다. let A = [1, 2, 3, 4, 5]; for (let i = 0; i < A.length; i++) { console.log(A[i]).. 2023. 8. 5. React - React 를 사용하기 위해 되짚어보는 JavaScript 기초 (6) 안녕하세요. Hynn 입니다. 이번 포스팅에서는 JavaScript 객체와 배열에 관련된 기본적인 개념을 학습해보도록 하겠습니다. 그럼 바로 시작해보겠습니다. 1. 객체 생성 객체는 두가지 방법으로 생성이 가능합니다. 기본적인 개념은 알고 있어야 하므로, 간단하게 소개하겠습니다. // 객체 생성자 let A = new Object(); // 객체 리터럴 let B = {}; 일반적으로 위의 생성자 방식보다는 객체 생성에서는 객체 리터럴방식을 선호합니다. new 키워드를 사용하여 생성하는 방식은 class 와 같은 생성자함수에서 주로 사용되므로, 이후에 따로 다룰 예정입니다. 기본적으로 이 객체는, "원시형" 데이터 타입이 아니므로 다양한 데이터를 넣을 수 있습니다. 하지만 객체에서도, 데이터를 사용할때,.. 2023. 8. 4. React - React 를 사용하기 위해 되짚어보는 JavaScript 기초 (5) 안녕하세요. Hynn 입니다. 이번 포스팅에서는 함수표현식, 그리고 현재 가장 자주쓰이는 Arrow Function 사용법에 대해서도 알아보도록 하겠습니다. 1. 기본 함수 표현식 현재 기초적인 함수표현식을 작성한 예시입니다. 아래의 코드에서는 hello 라는 변수 내에 함수를 담고 있는 변수임을 볼 수 있습니다. let hello = function () { return "1" } console.log(hello) 이를 실행하면 값이 1이 나와야하지만, console.log는 1이 출력되지 않을 것입니다. 즉, 위와 같이 단순히 hello 를 호출하면, 함수를 호출하므로, 함수가 실행되지는 않습니다. 따라서 이를 실행하려면 아래와 같이 함수를 실행해야 합니다. let hello = function ().. 2023. 8. 4. React - React 를 사용하기 위해 되짚어보는 JavaScript 기초 (4) 안녕하세요. Hynn 입니다. 4편 시작해보도록 하겠습니다 :) 이번 포스팅에서는 조건문의 기본 사용법을 알아보도록 하겠습니다. 1. 조건문 (If) 사용하기 조건문은 영어 단어 그대로, If 를 사용하여 작성합니다. 이 If 문은 정말 많이 사용하게 되고, 이를 간결하게 작성하는 switch/case 문도 있습니다. 이를 기초적으로 작성해보면 아래와 같이 작성해보도록 하겠습니다. let a = 3 if(a >= 4) { console.log("Over 4") }else { console.log("under 4") } 가장 기초적인 작성입니다. 첫번째 If문에는 조건을 만족할 때 실행되는 CodeBlock 이 결정되고, 조건을 만족하지 않을 경우 else 구문의 CodeBlock이 실행됩니다. 이를 중첩.. 2023. 8. 4. React - React 를 사용하기 위해 되짚어보는 JavaScript 기초 (3) 안녕하세요. Hynn 입니다. 이번 포스팅에서도 React 를 사용하기 위해 되짚는 기초 개념 몇가지를 다루도록 하겠습니다. 시작해보겠습니다. 1 . 연산자 JavaScript 에는 연산자라고 하는, 부등호가 존재합니다. 예를 들어, 우리가 일반적으로 사용하는 계산기에서 사용하는 사칙연산이나, 대입등을 하는 연산자들을 총칭합니다. 이는 생각보다 다양하게 많이 쓰이므로, 한번 간단하게 작성해보도록 하겠습니다. 1) 대입 연산자 let a = 1 여기서 말하는 대입연산자는 a 라는 변수에 1이라는 값을 대입하므로 " = " 이 대입연산자가 됩니다. 2) 사칙연산자 let a = 1 let b = 2 console.log(a+b) console.log(a-b) console.log(a/b) console.lo.. 2023. 8. 1. React - React 를 사용하기 위해 되짚어보는 JavaScript 기초 (2) 안녕하세요. Hynn 입니다. 이번 포스팅에서는 React 사용을 위해 JavaScript 기초를 되짚는 글을 이어서 작성해보려고 합니다. 본 포스팅에서는 간단한 사항 위주로 요약한 포스팅이며, 자세한 사항은 JavaScript 섹션에서 따로 정리할 예정입니다. 자세한 사항을 보시기 위해서는 JavaScript 탭을 참고하시면 더 좋을거 같습니다. 1. 변수와 상수 변수와 상수는 단어 그대로 이해해야 합니다. 변수는 "변하는 값" 이고, 상수는 "변하지 않는 값" 입니다. ES6 기준으로 설명을 드리자면, 변수와 상수를 선언하는 방법은 3개의 키워드가 존재합니다. let const var 위 3가지는 각각 기능의 차이가 존재합니다. 일반적으로 먼저 다루는 "변수"를 선언하기 위해서는 "let" 키워드를 .. 2023. 7. 29. 이전 1 2 3 4 5 6 ··· 22 다음
