JS

앱개발 준비하기 1. 리액트 네이티브 & Expo 소개 1) 리액트 네이티브 = 리액트(React) + 네이티브(Native) 리액트 네이티브는 우리가 배운 자바스크립트 언어 하나로 안드로이드 앱과 iOS앱 두 가지 모두 만들어주는 라이브러리입니다. 라이브러리가 뭐냐구요? 개발 할 때 사용하는 도구입니다! 그렇지만 정말 리액트 네이티브로만 앱 개발을 진행하면, 자바스크립트 한 언어로 앱 개발이 가능 하다 했지만 그렇지 않음을 알 수 있습니다. 위 이미지에서 볼 수 있듯이 특정 상황에선 안드로이드, iOS 각각의 폴더에 들어가 직접 코드를 만져야 하는 상황이 발생합니다. 안드로이드, iOS 앱을 만들 땐 자바&코틀린과 Swift라는 언어를 써야하는데, 그러면 언어 하나로 앱을 만들 수 있다는 취지에서 벗어..

앱개발에 자주 쓰이는 JavaScript 문법 1. 화살표 함수 - 함수를 더 짧게! 기존에는 함수를 선언하기 위해서 function 키워드를 사용했습니다. 이를 화살표 함수 (Arrow Function) 문법으로도 선언이 가능합니다. // [기존 방식] let a = function() { console.log("function"); } a(); // [최신 방식] let a = () => { console.log("arrow function"); } a(); 2. 비구조 할당 - 딕셔너리 키와 값을 빠르게 꺼내기! 딕셔너리에 있는 값을 꺼내 변수에 담을 때, 할당 과정을 거치기 않으면서 딕셔너리의 키 값 그대로 변수사용이 가능합니다. // 객체 let blog = { owner : "noah", ur..

1. Javascript 맛보기 1) 자바스크립트란? 01. 자바스크립트에 대하여 보통 자바스크립트는 웹 사이트(웹 문서)에 움직이는 그림을 그릴 때 쓰이는 작고 가벼운 언어입니다. 자바스크립트를 이용해 사이트 내의 팝업을 띄울 수 있으며 마감까지 얼마 남았는지 카운팅이 되는 모습도 작성할 수 있습니다. 그렇기 때문에 항상 자바스크립트 == 웹 기술! 이라는 고정관념이 생겼는데요! 이제 더 이상 자바스크립트는 옛날의 자바스크립트가 아닙니다. 02. 자바스크립트로 어떤 것들을 할 수 있을까? 이제는 자바스크립트로 앱도 만들 수 있습니다. (우리가 배울 리액트 네이티브가 자바스크립트를 기반으로 하기 때문이죠!!) 따라서 자바스크립트를 배워 놓으면 웹도 만들고 앱도 만들 수 있습니다. 그럼 이제 본격적으로 자..

바닐라JS로 To Do List 만들기 with Nomad Coders + 후기 드디어 제 포스트에도 [JS] 태그를 사용하는 날이 왔습니다! Nomad Coders의 바닐라 JS로 크롬 앱 만들기 수업을 수강하며 기초적인 수준이지만 자바스크립트 기본기에 대하여 이해했습니다. 자바스크립트로 시계. 할일목록. 날씨등 기본 기능을 구현할 수 있게 되었습니다. 바닐라 자바스크립트를 활용해서 간단한 웹 서비스를 만들어 보았습니다. 의도하지는 않았지만, 2020년의 마지막 날, 마지막 밤에 강의를 마쳐서 뜻 깊었습니다. 초라하지만 결과물을 공유겠습니다... (클릭 시 이동) 아직은 CSS 작업을 하지 않아 초라하지만, 시간이 날 때마다 업데이트 하겠습니다. 깨닫는 CSS의 중요성 기능 최첨단 디지털 시계를 탑재해..