본문 바로가기

728x90

📌 Language/Javascript9

[Swift] 고급 연산자(Advanced Operator)란? (feat. 비트연산자) 안녕하세요 Foma 💻 입니다! 오늘은 우연히 알고리즘 문제를 풀다가 '^=' 와 같은 연산자를 발견했는데, 정확히 어떤건지 모르겠더라구요. 찾아보니 해당 연산자는 Swift에서 고급 연산자로 분류해 놓았더라구요. 그래서 오늘은 Swift의 고급 연산자에 대해서 알아보려고 합니다. 바로 시작할게요~! UInt 우선 들어가기 전에 UInt에 대한 이해가 필요해요. 원래 Int는 정수 즉, 음수와 양수를 모두 가질 수 있었죠? UInt는 이 중에서 양수만 가질 수 있습니다. (음수를 넣으면 컴파일 에러 발생) 범위로 보면 Int8 = -128...127 이고, UInt8 = 0...256, Int16 = -322768...322767이고 UInt16 = 0...65535 입니다. 정수형 변수에 비트값 입력하.. 2022. 2. 26.

[JS] 비동기 처리하는 법 알아보기(Callback,Promise,Async & Await) 안녕하세요 Foma💻 입니다. 오늘도 모던 자바스크립트를 통해 배운 Callback 함수와 Promise에 대해서 제가 이해한 방식대로 정리해보도록 하겠습니다. 바로 시작할게요~ Callback Callback 함수는 실행하는 즉시 완료되는 것이 아니라 특정 작업을 실행하고 마친 뒤에 완료된다. 즉, 비동기적으로 처리되는 것을 의미한다. 만약 스크립트를 만드는 작업이 있다면 작업이 정상적으로 처리되거나 중간에서 에러가 발생하는 경우에 작업이 완료된다. 콜백 함수가 완료되는 경우는 정상적으로 처리되었거나, 에러가 발생한 경우 뿐이다. 콜백 함수를 작성하는 방식은 원하는 파라미터 값과 함께 작업을 실행할 함수를 반드시 같이 넣어준다. function loadScript(src,callback) { let s.. 2022. 2. 15.

[JS] Static,Protected,Private에 대해 알아보기 안녕하세요 Foma💻 입니다! 오늘도 모던 자바스크립트에서 배운 Static,Protected,Private 에 대해 제가 이해한 것을 바탕으로 정리해 보려고 합니다! 바로 시작할게요~ Static Static은 정적이라는 의미를 가지고 있어, 변하지 않는다는 뜻이다. 이것을 이용하여 정적 메서드, 프로퍼티를 만들 수 있다. 쉽게 말하면 클래스에서 공통적으로 가지고 있는 부분이나 기능을 미리 정의해 놓는 것이다. Static Property class Person { //모든 사람이 동일하게 가지고 있고 변하지 않는 값 static planet = "지구" } //클래스 자체에서 바로 읽기 가능 console.log(Person.planet) //지구 Static Method class User { co.. 2022. 2. 15.

[JS] 클래스(Class) 기본 문법과 상속 안녕하세요 Foma💻 입니다! 이번 글도 역시 모던 자바스크립트에서 배운 '클래스'를 제가 이해한 방식으로 복습하는 차원에서 정리해보려고 합니다. 바로 시작할게요~ 클래스란? 클래스는 객체 지향 프로그래밍에서 특정 객체를 생성하기 위해 변수와 메소드를 정의하는 일종의 틀로, 객체를 정의하기 위한 상태(멤버 변수)와 메서드(함수)로 구성된다. - 위키 백과 - 즉, 클래스는 객체를 만들기 쉽게 미리 틀을 만들어 놓는 것입니다. 클래스 생성하기 앞에 클래스를 붙여준 뒤 constructor(생성자)를 이용해서 초기화 해준다. 메서드나 프로퍼티를 생성하거나 추가하는 법은 일반 객체를 만들 때와 동일하다. class Player { constructor(name) { this.height = 180 this.n.. 2022. 2. 12.

[JS] 프로토타입(Prototype) 다뤄보기 안녕하세요 Foma 💻 입니다. 오늘도 역시 모던 자바스크립트를 통해 배운 프로토타입을 복습하는 차원에서 다시 한번 정리하도록 하겠습니다. 바로 시작할게요~ Prototype이란? 자바스크립트의 모든 객체는 숨김 프로퍼티로 Prototype을 가지고 있다. 이것은 null이거나 다른 객체를 참조할 수 있는데 이것을 통해서 해당 객체의 기능(메서드)을 복사하거나 추가할 수 있다. 이렇게 참조한 다른 객체를 현재 객체의 '프로토타입'이라고 부른다. Prototype 설정하기 1. __proto__ 운동선수를 지칭하는 'player'라는 객체를 생성하고 let player = { firstName:"Young", lastName:"An", get fullName() { return this.firstName .. 2022. 2. 12.

[JS] 프로퍼티 옵션(플래그) 다루기(Property Flag) 안녕하세요 Foma💻 입니다. 오늘은 자바스크립트의 프로퍼티 플래그에 대해서 정리해보려고 합니다. 모던 자바스크립트 사이트에서 공부하는 것을 복습하는 차원에서 제가 이해한 방식으로 적어보겠습니다! 바로 시작할게요~ Property Flag란? 프로퍼티는 값 뿐만 아니라 플래그라 불리는 특별한 속성 3가지를 가진다. 1. writable 해당 프로퍼티를 수정할 수 있게 설정하는 플래그 2. enumrable 해당 프로퍼티를 나열할 수 있게 설정하는 플래그 3. configurable 해당 프로퍼티를 삭제, 플래그 수정이 가능하게 설정하는 플래그 Property Flag 확인하는 방법 Object.getOwnPropertyDescriptor(객체,프로퍼티명)으로 확인하고, 초기엔 모두 true로 설정되어 있.. 2022. 2. 12.

[JS] JSON과 객체 다루기 안녕하세요 Foma 💻 입니다! 오늘은 JavaScript로 JSON과 객체를 다루는 법에 대해서 정리해 보도록 하겠습니다. 바로 시작할게요~ 객체를 JSON으로 바꾸기 JSON.stringify(객체) 구문을 사용하시면 됩니다. let user = { name:"foma", age:27, color:"Black", [Symbol("id")]:123 } let json = JSON.stringify(user) console.log(json) //{"name":"foma","age":27,"color":"Black"} 만약 메서드나 undefined값을 가진 프로퍼티가 있다면 자동으로 무시합니다. user.sayHi = function() { print("sayHi") } user.somthing = un.. 2022. 2. 5.

[JS] 구조분해(Destructuring) (feat. 쉽게 변수 만들기) 안녕하세요 Foma 💻 입니다! 오늘은 JavaScript에서 아주 유용하게 변수를 만들 수 있는 구조분해에 대해 알아보도록 하겠습니다. 바로 시작할게요~ 배열 분해해서 변수 만들기 대괄호를 이용해서 변수에 값을 할당할 수 있습니다. let arr = ["foma","gran"] let [foma,gran] = arr console.log(foma) //"foma" console.log(gran) //"gran" 문자열 분해해서 변수 만들기 문자열을 원하는 단위로 분해하여 변수로 만들 수 있습니다. let fomagran = "foma,gran" let [foma,gran] = fomagran.split(',') console.log(foma) //"foma" console.log(gran) //"gra.. 2022. 2. 5.

[JS] iOS 개발자가 이해하는 JavaScript 기초문법 (feat. Swift) 안녕하세요 Foma 💻 입니다! 얼마 전에 리액트 네이티브로 새로운 프로젝트를 맡게 되었습니다. JavaScript를 공부하다보니 Swift랑 비슷한 것도 있고 아닌 부분도 많더라구요. 그래서 원래 익숙했던 Swift를 기준으로 JavaScript와 다른 점에 대해서만 정리해 보려고 합니다! 바로 시작할게요~ 변수와 상수 Swift에선 상수를 let,변수를 var로 쓴다. let name = "Fomagran" //상수 var name = "Fomagran" //변수 JavaScript는 상수를 const,변수를 let이라고 쓴다. 이미 상수 let에 익숙해 있는 상태라서.. 실수를 많이 할 것 같다. const name = "Fomagran" //상수 let name = "Fomagran" //변수 출.. 2022. 2. 5.

이전 1 다음

728x90

티스토리툴바