본문 바로가기
728x90
반응형

전체 글194

JavaScript 트래픽 절약, 로딩 속도 팁 스크립트가 길어지면 별개의 분리된 파일로 만들어 저장하는 것이 좋다. 스크립트를 별로의 파일에 작성하면 브라우저가 스크립트를 다운받아 캐시에 저장하는데, 여러 페이지에서 동일한 스크립트를 사용하는 경우, 브라우저는 페이지가 바뀔 때마다 스크립트를 새로 다운받지 않고, 캐시로부터 스크립트를 가져와 사용하므로 스크립트 파일을 한 번만 다운받기 때문이다. 주의!! src 속성이 있므녀 태그 내부의 코드는 무시된다. alert(1)를 작동되게 하려면 스크립트를 두 개로 분리하면 된다. 또한, 복수의 스크립트 태그를 사용하여 복수의 스크립트 파일을 불러올 수도 있다. ... 2022. 1. 12.
JavaScript 매뉴얼(Manuals)과 명세서(Specifications), 호환성(Compatibility) 명세서 - ECMA-262 명세서(specification) : 가장 상세한 정보를 담고 있는 공식 문서 - 최신 초안은 https://tc39.es/ecma262/ 에서 확인 가능 매뉴얼 - MDN JavaScript Reference : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference Mozilla재단이 운영하는 사이트로 다양한 예제와 정보가 있음 - MSDN : http://msdn.microsoft.com/ Microsoft가 운영하는 사이트 IE에 관련된 정보를 찾을 때 좋다. 호환성 - http://caniuse.com : 브라우저가 특정 기능을 지원하는지 표 형태로 확인가능한 곳 - https://kangax.github... 2022. 1. 12.
JavaScript 기초 - ‘웹페이지에 생동감을 불어넣기 위해’ 만들어진 프로그래밍 언어 - 자바스크립트로 작성한 프로그램을 스크립트(script) 라고 부른다 ex) alert.js , node.js , ... - 이름은 자바에서 차용해 왔지만, 자바스크립트는 자바와는 독자적인 언어 - 자바스크립트는 자바와 아무런 연관이 없습니다. - 브라우저뿐만 아니라 서버와 '자바스크립트 엔진'이라 불리는 특별한 프로그램이 들어 있는 모든 디바이스에서도 동작한다. 자바스크립트 엔진의 종류 V8 - Chrome, Opera SiderMonkey - Firefox IE는 버전에 따라 엔진의 이름이 다름( Trident, Chakra, ChakraCore ) SquirrelFish - Safari 변수선언 변수는 사용자가 이름을 붙인 저장소인.. 2022. 1. 12.
개발자 프로그램 & 문서 자바스크립트 - https://javascript.info/ - 한국어 : https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info VSCode ( Visual Studio Code) - 무료 통합개발환경(IDE)프로그램 - 가볍고 패키지를 추가하여 기능을 넓힐 수 있다. - https://code.visualstudio.com/ Node.js - 자바스크립트를 이용한 서버 개발용 소프트웨어 플랫폼 - https://nodejs.org/ko/ yarn - Facebook에서 개발한 패키지 관리 툴 - npm(패키지 관리자)의 대안으로 속도, 일관성, 안정성 및 보안을 제공하는 Node.js JavaScript 런터임 환경을 위한 소프트웨어 패키.. 2022. 1. 11.
앱개발종합반 5주차 개발일지(완강!!) 후.....광고를 붙이기는 간단했고 구글플레이 개발자 등록은 수수료때문에 미루고 저번 주차에서 마음에 안 들던 부분을 내 나름대로 고쳐봤지만 코드가 너무 길어서 튜터의 도움을 받아 짧게 고칠 수 있었다. &&... 태그내에서 {}를 써서 조건문을 넣으려 했지만 안되서 고민했는데 로직연산자? &&를 써서 if문과 비슷하게 동작시킬 수 있는것 같았다.. 자세한건 더 공부를 해봐야겠다. 자바스크립트를 모르는 상태에서 시작한거라 진짜 기본적인 연산자들만 배운 것 같다. 자바스크립트를 더 깉이 있게 공부해야겠다. 2022. 1. 9.
앱개발종합반 4주차 개발일지 이제 좀 익숙해졌는지 해결하기 어려운 오류는 없었다. 그래서 조금 아쉬웠다랄까? 대신 숙제를 하는데 새로고침을 하는 부분에서 아쉬운 문제가 생겼다. 데이터가 여러개 있을 때는 제대로 새로고침이 되었지만, 마지막 데이터를 제거했을 때 화면에 마지막 데이터가 그대로 남아있고 지워지지도 않았다. 데이터가 모두 제거되었을 때 상태변화가 제대로 안 되는 것 같은데 아마도 빈 데이터로 상태변화를 할 때는 상태변화가 안되게 자체적으로 막혀있는 것 같다. 공식문서를 뒤져봐야할까..?ㄷㄷ 2022. 1. 5.
앱개발종합반 3주차 개발일지 휴....가장 오류를 많이 본 시간인 것 같다... 컴포넌트를 임포트했는데 컴포넌트를 저장 안해서 데이터를 가져오지 못하는 것도 모르고 임포트할 때 컴포넌트 이름을 잘못 적어서 생기는 오류라고 이름만 계속 확인하다가 나중에 컴포넌트를 저장하니 잘 로드되어서 그 때 깨달았다.... 저장버튼을 자주 눌러주어야겠다... 그리고 모듈설치...네이게이터의 사용법을 배우며 코드스니펫 코드를 복사붙여넣기하여 모듈을 설치하는데 경고가 뜨고 나중에 네이게이터를 적용해서 실행하는데 오류가 떴다.... 리액트 네비게이터 공식문서에서 네비게이터 얀설치코드를 다시 복붙하여 설치하고 스택도 찾아서 복붙해서 설치하니 작동하긴했지만....설치 중에 경고는 계속 뜨는게 마음에 걸린다... 이젠 오류내용도 잘 믿지 못하겠다.....ㄷㄷ 2022. 1. 4.
웹개발종합반 5주차 개발일지 (완강!!) 이번 주차 강의는 뭔가 따라 설치하고 따라서 입력하다 보니 끝났다... ???? 용어 설명(포트포워딩)과 명령어(nohup, ps, kill,.....)만 알려주고 끝난 느낌이지만 이제 아무곳에서 내가 만든 홈페이지에 연결이 되는 걸 보니 뿌듯하다 ㅋㅋ 이 사이트는 내 포트폴리오를 만들어 올리는 사이트로 개조해서 1년간 잘 써먹어야겠다 ㅎ 2022. 1. 3.
웹개발종합반 4주차 개발일지 드디어 서버와 데이터베이스를 제대로 써봤다. get과 post를 이용해서 데이터베이스에 데이터를 저장하고 꺼내오고 후...숙제는 무난히 풀었지만...제대로 꾸미지 못 한것같아 아쉽다. 백앤드가 내 숙명인걸까? ㅋㅋ 2021. 12. 30.
웹개발종합반 3주차 개발일지 드디어 DB를 공부하기 시작했다. 파이썬을 이용해서 DB를 조작하는데 이미 파이썬을 공부한 적이 있어서 자신있었다. 이번 숙제는 수월하게 해결했다. 비록 해설과는 다르게 풀었지만 결과는 같으니 만족? 2021. 12. 28.
웹개발종합반 2주차 개발일지 역시 숙제를 하니 다시 또 어설프게 알게 된 문제가 나왔다. val과 text.... 예상이지만 input box같이 뭔가 아이템에 들어간 값은 val로 바꾸고, 문단이나 스팬 태그와 같이 글을 넣은 곳은 text로 바꾸는게 아닌가 싶다.... 나중에 구글링 좀 해봐야할 것 같다... 뭐든 많이 해보는게 최고겠지..? 2021. 12. 27.
앱개발종합반 2주차 개발일지 코드스니펫을 복사붙여넣기했는데 오류가 나서 정신이 멍해졌다. 프로젝트 생성할 때 잘못 생성해서 그런 오류가 나온거라고 했다. 할수없이 다시 강의자료를 보면서 새 프로젝트를 생성하고 코드를 옮겨서 실행하니 잘 작동했다. 2주차 숙제를 하면서 혼자 앱화면을 만들고 뿌듯했다. 하지만 해설영상을 보니 몇가지 잘못만든 것들이 보였다. 특히 버튼....TouchableOpacity로 태그를 생성할 것!!! 아직 많이 안 만들어봐서 그런겠지..? ㅎㅎㅎ 남은 강의도 화이팅!! 2021. 12. 23.
728x90
반응형

티스토리툴바