본문 바로가기

Happyer16

 (314)
TOP IDE를 이용하여 홈페이지 개발 이슈 1. js 로딩 순서에 따른 메모리 할당 이슈 - 상황 : a.js에서 b.js에서 선언된 object를 사용하고 싶음. 하지만 config.json에서 a.js,b.js가 필요하다고 명시되어 있어 a.js가 로딩 될 때 b.js의 object를 메모리에서 찾지 못함. - 궁금증 : index.html에 a.js랑 b.js가 필요하다고 명시해놓으면 a.js, b.js 따로??
Section2 : Execution contexts and Lexical Environments Execution contexts - Javascript가 실행될 때 실행 단위 ( global code, function code, eval code ) , 말 그대로 하나의 실행 단위 - Execution context stack에 이 단위가 하나씩 쌓이게 된다. 프로그램이 처음 실행될 때 global code가 stack에 쌓이고 그 다음부터 context(function code, eval code)가 쌓인다. 일반적인 stack과 같이 return이 되는 순간 context도 사라진다. Scope Function level scope var로 선언된 변수나, 함수 선언식으로 만들어진 함수는 함수 레벨 스코프를 가진다. 즉 함수 내부 전체에서 유효한 식별자가 된다. Block level scope..
속초(17.04.29) 계획 1. 트리폴리스~양평게스트하우스 ( 78km ) http://blog.daum.net/imctn/36 2. ~홍천군청(58km) 3. ~인제군청(54km) 4. ~속초시(51km)
Section 1 : Getting Started 강의 소개 - 혼잣말 요즘 프론트부터 백까지 다 자바스크립트로 작성이 가능하다보니 자격요건에 온통 javascript다. - 개발 환경 구성하기 Developer tools : Chrome 설치 Sublime Text 설치 - 바로 Angular나 jQuery같은 framework, library를 배워도 되지만 결국 이 둘도 javascript를 통해 구현한 것이다. 결국 javascript를 제대로 알아야 이 framework에 대한 이해도도 높아진다. 종윤이형이 그렇게 얘기하던 어떻게 돌 아가는지 이해하라는..... 나중에 angular,react가 무엇을 해줬는지 찾아봐야지...
반응형 디자인 @media - viewport의 크기 - device의 크기 - 등등 과 같은 조건에 따른 style 적용 가능 예제 : - 참고 : https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
2일차 - React로 변경 (4.9.일) AngularJS2에서 React로 변경 AngularJS2로 프로젝트를 시작하려 했으나, 주위 친구들과 네이버 D2글을 읽어보니 근래에는 React의 인기가 가장 좋은것 같아 React로 변경을 하였다. 네이버도 15년 쯤에 메일함 화면 수정을 하면서 React와 Redux로 넘어갔었다. 처음에 UI 작업만 진행하면 될 줄 알았는데 JSP코드와 Javascript 두 군데를 중복으로 수정해야 하며, Javascript에 뷰와 로직이 모두 들어있는 문제를 보고 새로운 프레임워크를 검토하다 React를 선택했다고 한다. ( 메일함 구현이 초기 페이지 렌더링은 서버에서 JSP로 진행하고 이후 동작은 AJAX 통신으로 동작하는 SPA(single page application) 이기 때문에 JSP 파일과 Ja..
4.9.메모 http://knight76.tistory.com/entry/30043239820
1일차 - AngularJS2 환경 구축 (4.8.토) 프로젝트를 위한 GitLab 생성 1. gitlab 계정 생성 ( happpyer16@gmail.com ) 2. 프로젝트 생성 ( http://kkangeva.tistory.com/36 )3. SourceTree에 프로젝트 복제(clone) - HTTPS 복사해서 생성 기본적인 AngularJS2 프로젝트 구성 ( https://medium.com/@jazzyredface/angularjs2-0-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0-1-649365fa6b61 참고 ) npm run go 내용정리 필요 느낀점 - 저런 기본적인 구성을 해주는 IDE는 없을까?
국제화 국제화 얘기가 왜 나올까? 전세계에는 다양한 언어로 작성된 자료들이 있다. 월드 와이드 웹(WWW)이 전세계적으로 사용되려면 이 국제 문서들의 처리와 전송을 지원해야 한다. 전송될 때는 엔터티 본문에 비트들로 담겨 있을텐데 이를 각각의 언어로 변환하는 방법이 있을 것이다. 이를 어떻게 설정하고 어떻게 흘러가는지 공부할 필요가 있을 것 같다. 국제적인 컨텐츠를 다루기 위한 HTTP 지원 서버 - 클라이언트에게 이 비트들을 어떻게 문자로 바꿔야 하는지 ( 디코딩 방법 ) ( charset = iso8859-6) - 길이 (content-length) 클라이언트 - 어떤 언어를 선호하는지 ( accept-language : fr, en;q=0.8 ) - 어떤 언어를 이해할 수 있는지 ( accept-chars..
기타 1. 내 local 환경에서는 js.command 잘 찾는데 왜 다른 사람들거에서는 못찾을까? - 원인 : 아마 plugin이 제대로 설치가 안되어서 그런거겠지? 아님 top.ide가 걔를 알아야 하나? Launch Configuration 설정은 어느 파일에 떨어질까? 실행환경 나만 아냐...?? 다른 사람이랑 공유하고 싶음.... Common Tab > Save as에서 설정 가능 그럼 xxx.launch라는 파일이 떨어짐

티스토리툴바