우당탕탕 코딩생활

문자열에 접근하기 지난 포스팅에 이어서 문자열 객체를 알아보겠습니다! 오늘 알아볼 문자열 객체는 이 친구들입니다. charAt() startsWith() endsWith/() charAt() : 문자열. charAt(위치) charAt() 함수는 문자열에서 지정된 위치에 있는 문자를 반환합니다. 이 함수는 문자열의 인덱스를 0부터 시작하며, 지정된 인덱스에 해당하는 문자를 반환합니다. let str = "good morning!"; str.charAt(3) //"d" str[5] //"m" charAt()메서드를 사용해 str문자열에서 인덱스가 3인 요소와 5인 요소를 가져왔습니다. 인덱스는 0부터 시작하기 때문에 각각 d와 m을 불러오게됩니다. startsWith() : 문자열.startsWidth(문..

문자열 객체 이번 포스팅은 자바스크립트의 문자열 객체에 대한 포스팅입니다! 문자열 객체는 문자열 데이터를 다루는데 사용되는 자바스크립트 내장 객체, 이 객체를 사용하면 문자열을 조작하고 검색하며, 변환하고, 분리하고, 합칠 수 있습니다. 문자열 객체는 다양하게 있는데 그 중에서도 자주 사용되는 것들로 알아보도록 하겠습니다. includes() indexof() lastIndexof() match() search() 이 포스팅에서는 includes(), indexof(), lastIndexof() 에 대해 알아보고 match와 search는 다음 포스팅에서 알아보겠습니다 ☺️ ⭐️ includes() : " ".inclouds(검색값, 위치값) includes()는 해당 문자열 포함 여부를 검색하여 불린을..

비트 연산자(bitwise operator) 비트 연산자는 비트(bit) 단위로 논리 연산을 할 때 사용하는 연산자입니다. 비트란? 비트를 설명하려면 이진수를 먼저 알아야하는데요. 이진수는 0과 1로 이루어져 있는 것을 말하며 이 이진수에서 한 자리를 나타내는 것을 비트(bit)라고 합니다. 비트 연산자 설명 & 대응되는 비트가 모두 1이면 1을 반환함. (비트 AND 연산) | 대응되는 비트 중에서 하나라도 1이면 1을 반환함. (비트 OR 연산) ^ 대응되는 비트가 서로 다르면 1을 반환함. (비트 XOR 연산) ~ 비트를 1이면 0으로, 0이면 1로 반전시킴. (비트 NOT 연산) 부호를 유지하면서 지정한 수만큼 비트를 전부 오른쪽으로 이동시킴. (right shift 연산) 설명을 이렇게 들으면 ..

데이터 불러오기 자바스크립트 내에서 데이터를 불러오는 방법은 다양하게 존재합니다. 변수인지, 상수인지 혹은 배열인지 객체인지에 따라 달라지는 데이터 불러오기! 오늘 완벽하게 정리해보도록 하겠습니다. 1. 변수 : 데이터 불러오기 변수 안에 저장된 데이터를 불러오는 방법입니다. { let x = 100, y = 200, z = "javascript"; console.log(x, y, z); } //결과값 100, 200, javascript 2. 상수 : 데이터 불러오기 상수 안에 저장된 데이터를 불러오는 방법입니다. { const x = 100, y = 200, z = "javascript"; console.log(x, y, z); } //결과값 100, 200, javascript 3. 배열 : 데이터..

안녕하세요. 🥰🥰🥰 오늘도 어김없이 돌아온 자바스크립트의 기초를 다져보는 시간! 데이터 제어하기에 대해 알아보도록 하겠습니다. 여기에는 지난 번에 했던 if문이 포함되니 복습한다는 느낌으로 함께 공부하시면 좋을 것 같습니다. 데이터 제어하기 자바스크립트 내에서 데이터를 제어하는 종류에는 다양한 것이 있는데요. 가장 대표적인 것이 if문이며 그 외에 if문 생략, 삼항 연산자, 다중 if문, 중첩 if문, switch문, while문, do while문, for문, 중첩 for문, continue문, break문이 있습니다. 이 친구들에 대해서 자세히 알아보도록 하겠습니다. 👉 기본 if문 자바스크립트에서 쓸 가장 일반적인 형태이자 기본적인 구문 중 하나이자 조건에 따라 다른 작업을 수행하려고 할 때 작성..

자바스크립트의 함수 자바스크립트의 함수는 하나의 작업 또는 여러 작업을 수행하는 코드로 익명 함수, 매개 변수, 리턴 함수 등이 있습니다. 오늘은 그 함수들에 대해서 알아보겠습니다. 선언 함수 - 함수의 기본 문법 { function func(){ document.write("실행되었습니다."); } func(); //실행문 } 가장 대중적인 방법으로 함수의 이름은 'func'이 됩니다. *호이스팅이 되기 때문에 이 함수는 어느 스코프에서는 호출 할 수 있는 함수가 됩니다. 호이스팅이란? 함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효 범위의 최상단에 선언하는 것. 익명 함수 { const func = function(){ document.write("익명함수"); } func(); // fun..

안녕하세요. 오늘은 제가 스스로 공부했던 자바스크립트 데이터와 표현방법들에 대해 정리해 보려고 합니다. 🤨 변수의 특징 변수는 데이터를 저장하는 저장 공간이자 데이터 변경과 추가가 가능합니다. 상수 상수는 데이터 저장은 가능하지만 변경은 불가능합니다. 상수( const )는 이미 선언한 상수에 대해 중복선언이 불가능하며 상수의 값을 재지정할 수 없습니다. 배열 여러개의 데이터를 하나의 변수에 저장하는 것 객체 여러개의 데이터를 하나의 변수에 저장하고 ( const obj = new Object(); ) 데이터가 추가되면 추가 된 데이터를 식별하여 가져올 수 있다. 변수 안에 함수(function)가 들어갈 수 있다. 객체 안에는 실행문이 들어갈 수 있다. 실행문에는 console.log를 적지않는다. c..

코린이인 저는 그동안 간단한 명령을 처리하는 소스들만 공부했는데, 실제로 프로그램에서 처리하는 소스는 훨씬 더 복잡하겠죠. 특히나 어떤 조건에 따라 명령 실행 순서를 바꾸거나 특정한 부분만 계속해서 반복하려면 조건문이나 반복문을 사용 해야합니다. 그래서 배워야 할 것은 바로 if문과, if...else문입니다.추가적으로 else if문, 삼항 연산자, 중첩 if문에 대해서도 알아보겠습니다. if문 if문은 if 다음에 소괄호를 사용해서 조건을 표기합니다. 그리고 조건을 체크한 후 결괏값이 true이면 if문에 있는 명령들을, flase이면 if문에 있는 명령은 건너뛰고 그 다음 명령을 실행합니다. 라고 설명드렸지만 먼저 살펴볼 것은 if의 기본형입니다. 먼저 이 조건식 안에 들어가는 조건의 값에 따라 t..

자바스크립트를 작성하다보면 반복되는 것이 많다는 것을 알 수 있습니다. 이것을 반복문이라 하는데 똑같은 것을 길게 늘여놓는 것을 자바스크립트는 싫어합니다. 물론 저도... 😅 이 반복문들은 불필요하기도 하고 가독성도 떨어지면서 관리하기도 쉽지 않아집니다. 그럴 때, for문을 사용하면 편하고 깔끔해집니다. 그럼 알아볼까요? for문 자바스크립트에서 가장 많이 사용하는 반복문입니다. 이 친구는 조건에 들어가는 값이 일정하게 커지면서 명령을 반복 실행할 때 매우 편리합니다.예를 들어 구구단 같은거죠. 저는 for를 공부할 때 실행순서가 가장 헷갈렸는데요. 초기값은 처음에 한 번만, 나머지 조건과 명령 실행, 증가식을 반복한다고 생각했습니다. 예제를 한 번 살펴볼까요? 벌써 어지러운데요. 차례대로 천천히 살펴..

오늘은 자바스크립트의 연산자를 배워보려고 합니다. 연산자! 듣기만 해도 알 수 있지만 뜻을 사전적으로 풀의하자면 특정한 작업을 하기 위해서 사용하는 기호를 의미합니다. 작업의 종류에 따라 대입 연산자, 산술 연산자, 비교 연산자, 논리 연산자 등이 있습니다. 하지만 우리는 초보 코딩러! 가장 기초적인 연산자에 대해서 알아보겠습니다. 산술 연산자 수학적인 계산에 사용되는 연산자입니다. 수학 연산자와 기호가 약간 다르므로 아래 이미지를 살펴보겠습니다. + 연산자 산술 연산자 중 + 연산자는 +를 기준으로 좌우에 숫자가 아닌 문자나 변수등이 오면 더하기가 아닌 연결 연산을 합니다. var subject = 'css'; var score = 100; console.log(subject + '과목 성적은' + s..