반응형 개발/자바스크립트6 react native / 속성(Props)이 이해가 잘 되지 않아 쓰는 글 속성은 쉽게 생각해서 컴포넌트에 데이터를 전달한다는 것이다. 그 전달 모습은 키와 벨류의 형태 태그에는 numberOfLines 라는 속성이 있고 태그에는 resizeMode라는 속성이 있다. 예를들어, 아래와 같은 코드에서 resizeMode는 키가 되고 cover는 값이 된다. * 참고로 resizeMode는 컴포넌트 크기에 맞게 이미지를 조절하는 스타일이다. * 속성들은 공식 문서에 나와 있고, 해당 엘리먼트들이 태어날 때부터 가지고 있는 속성이다. 컴포넌트를 만들었다고 치고, 이 컴포넌트 내에 라고 속성을 써 넣으면, 이 는 image라는 속성이름에 {'이미지 주소'} 값을 을 갖게 된다. 즉 키와 벨류의 값을 갖게 된다. (원래는 기본적으로 태어나고 있는 속성이 아닌데, 억지로 부여하는 것이다... 개발/자바스크립트 2022. 7. 23. visual Studio 확장팩 추천 왼쪽 메뉴 중 가장 아래의 네개 사각형 클릭하고 1. meterial - 파일을 귀여운 모양으로 구분 2. bracket - 소스 감싸는 부분 확인 가능하도록 도와줌 이 두개를 설치하면 이렇게 귀여운 아이콘으로 구분되면서 내가 어디 태그를 건드리고 있는지도 확인할 수 있는 장치가 보여진다 개발/자바스크립트 2022. 7. 16. expo 실행(서버 열기) 및 서버 끄는 법, 폴더 생성하는 법 1. 우선 view - terminal을 클릭해 terminal을 열어줘야 한다. 2. 하단에 터미널 창이 열린 것을 확인하면 서버를 열어줘야 하는데 이때 명령어 : expo start + enter 3. 서버를 닫기 위해서는 아래와 같은 명령어를 입력한다. 윈도우 : 컨트롤 + c 맥 : command + c 더불어 알아야 할 기초지식 1. 폴더 생성하기 expo init + 폴더명 2. 폴더로 이동하기 cd + 띄고 + 폴더명 : change directory의 약자로 입력한 폴더명으로 이동하는 명령어입니다. 3. 폴더에서 빠져나오기 cd + 띄고 + .. : 폴더에서 빠져나올 때 명령어 개발/자바스크립트 2022. 7. 16. 내일배움단 앱개발 1주차 과제 정답 및 해설 '딸기'는 몇 개일까? let fruit_list = ['사과','감','감','배','포도','포도','딸기','포도','감','수박','딸기'] let count = 0; fruit_list.map((f)=>{ if(f == "딸기") count += 1 }) console.log(count) 한 줄씩 해석해보자면, 1. fruit_list 리스트(배열 / 순서를 지켜서 가지고 있는 형태)의 변수를 세웠고( let) 2. 몇 개인지 알려주는 변수는 '0'으로 초기화 하고 3. fruit_list에 대해 map함수(반복문)를 세우는데, 여기서 (f)에서 f는 매개변수이고 이 매개변수에는 4. f == 딸기값이 들어간다. 따라서, fruit_list의 맵함수의 매개변수(f)가 딸기일 때, count +=.. 개발/자바스크립트 2022. 7. 14. 자바스크립트 함수 // 만들기 function 함수이름(필요한 변수들) { 내릴 명령들을 순차적으로 작성 } // 사용하기 함수이름(필요한 변수들); 함수 이름을 먼저 정하고, 함수가 어떤 '식'을 가지고 있는지 정의하고, 그 다음에 함수에 어떤 값이 들어가 있는지의 순으로 생각하자. 그러니까 다시말해 함수 y는 y+1인데, y = 2이다. 이때 함수 y의 값은? 2+1이라는 것이다. 이것을 코드로 풀어보면 function f(y) { console.log(y+1) } f(2) 이때, console.log에서 y+1인 3을 f(y)에 대입하므로 결과를 3을 노출하게 된다. 또다른 함수 선언 방식 (리터럴 방식) let a = function(){ console.log("리터럴 방식 이라고 합니다"); } a() // 함수.. 개발/자바스크립트 2022. 7. 12. Javascript 기초 / list와 dictionary 서울시 미세먼지 api 뜯어보기 http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99 서울시에서 제공하는 openapi 인데, 이걸 클릭해보면 복잡한 문자가 나열된다. 이때 크롬 웹스토어의 개발을 수월하게 도와주는 확장팩인 JSONVue를 설치한다 JSONVue Validate and view JSON documents chrome.google.com 설치하고 다시 서울시 미세먼지 데이터를 클릭하면, 깔끔하게 코드 값을 확인할 수 있다. http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99 클릭해서 다시 보자. 데이터의 [리스트.. 개발/자바스크립트 2022. 7. 12. 이전 1 다음 💲 추천 글 반응형