앱 제작을 위한 Javascript 기초 -1

먼저 앱 서비스를 만드는 것이란 클라이언트와 서버를 모두 만드는 것입니다.
클라이언트란, 사용자가 보는 화면, 크롬, 사파리 등, 모바일로는 앱 자체를 이야기합니다.
서버란, 사용자가 원하는 데이터가 있는 곳이자 원하는 데이터를 요청하면 이에 응답해주는 곳입니다

보통 안드로이드 앱은 Java나 Kotlin으로, iOS는 Swift로 개발이 가능합니다.
각각 다른 언어를 사용하는 이유는 OS가 다르기 때문입니다.
앱 개발의 종류에는 안드로이드, iOS로 각각 개발하는 네이티브 앱, 웹사이트를 만들고 껍데기를 씌워 간단히 배포하는 하이브리드 앱, 하나의 언어로 두 플랫폼을 만드는 크로스 플랫폼 앱이 있습니다.
셋 중 크로스 플랫폼 앱이 효율적입니다.
React Native는 크로스 플랫폼 앱 개발 언어 중 하나인데, 페이스북에서 만들고 지원하고 있으며, UI를 만드는데 특화되어 있는 React.js 라이브러리/프레임워크 기반으로 앱을 제작하는 기술입니다. Javascript 하나로 개발이 가능하다는 뜻이죠.

Javascript란?

js는 보통 웹사이트에서 움직이는 그림을 그릴 때 쓰이는 작고 가벼운 언어입니다.
요즘의 js는 웹, 앱(react.js), 서버까지 만들 수 있습니다(node.js).

js를 공부할 땐 크롬 브라우저에서 F12를 누르면 나오는 console창으로도 충분합니다.

console.log는 콘솔 창에 괄호 안의 값을 출력해줍니다.

원칙은 문장 끝에 ;(세미 콜론)을 써야하지만 console창에서는 생략 가능하다.

undefined는 enter를 하였을 때 나오는 구분선 정도라고 생각하면 됩니다.

우측 상단의 x표시 옆에 점 세 개를 누르면 창의 위치인 Dock side를 조절할 수 있습니다.

 

변수란, 값을 담는 그릇입니다.
let은 변수를 선언하겠다는 선언자입니다. 비슷한 예로 const, var가 있습니다.
(var는 기존에 존재하는 변수를 재선언하여도 에러가 발생하지 않지만 let은 변수가 이미 존재한다는 에러 메시지를 출력합니다. var와 let은 선언한 후 값은 바꿀 수 있습니다. 하지만 const는 한 번 선언하면 값을 바꿀 수 없습니다. /*객체나 배열같은 참조타입일 경우 값 수정 가능*/ 중간에 변경되면 안 되는 값이 생길 수 있기 때문에 const가 필요합니다.)

a와 b는 변수 이름, 20과 Hello는 변수 a에 넣을 값이다.

' '나 " " 가 있으면 문자열입니다.
공백을 넣으려면 a + " " + b의 형식으로 해주면 됩니다.

콘솔 창을 깨끗하게 하고 싶으면 좌측 상단에 있는

 

모양의 Clear console (Ctrl + L)을 눌러주면 됩니다.
하지만 Clear Console를 해도 변수를 선언한 것들은 남아 있습니다.
reset 하고 싶으면 새로고침(F5)을 해야 합니다.

변수 이름을 정할 때는 약속이 있습니다. 이는 규칙이 아니기 때문에 꼭 지켜야 하는 것은 아닙니다. 하지만 일정한 약속이 있고 이를 따라야 나중에 코드 리뷰를 할 때 헷갈리지 않고 다른 사람이 보기에도 알아보기 쉽습니다.
약속의 종류는 몇 가지가 있습니다.

camelCase 낙타 모양과 비슷하다 하여 카멜 케이스라고 합니다. 첫 글자는 소문자로 시작하고 중간 글자들은 대문자로 시작합니다.

snake_case 언더바( _ )로 이어지는 표현 방식을 뱀과 같다 하여 스네이크 케이스라고 합니다. 밑줄 표기법이라고도 합니다.

PascalCase 첫 글자와 중간글자가 모두 대문자인 경우 파스칼 언어의 표기법과 유사하다고 하여 파스칼 케이스라고 합니다.

그리고 헝가리안 표기법이 있습니다. 변수 및 함수의 인자 이름 앞에 데이터 타입을 명시하는 방법인데 구시대적인 표기방법이라는 평이 많습니다.