본문 바로가기

뉴렉처 과정 기록 (Frontend)73

04/30 Javascript readystatechange라는 함수를 사용하기 위해서는 비동기로 쓸 수 밖에 없다 동기형으로 실행된다고 하면 순서를 갖고있기 때문에 위에서 시간이 오래걸린다하더라도 아래꺼는 실행 안됨 순서대로 사용되는데 비동기로 빠지면 동시실행이 된다 -> 결과가 빈문자열이 나왔다 send된 것이 없어서 내용이 없으니까 비동기형으로 진행되는 애들은 이벤트를 가지고 있게 된다 -> 이벤트를 이용해서 순서를 갖게 만들어주는 것 readystatechange라는 함수이벤트를 사용하면 되는데... 2021. 4. 30.
04/29 Javascript Ajax 브라우저는 계속해서 연속성을 가지는 환경을 만들지 못하고 있다 -> 페이지가 계속 새로 로드가 됨 이제는 한 페이지 안에서 화면을 갱신하는 기술을 쓰게 됨 페이지에서 새로고침 없이 만들어지는 것.. spa Ajax 는 무엇인가? (생활코딩: 자바스크립트를 이용해서 내부적으로 통신할 수 있는 방식.. 비동기적으로 자바스크립트를 이용해서 서버와 통신하는 방식) 웹 2.0을 구현하고 있었던 기술의 집합체.. 화면을 갱신하지 않고 데이터를 요청해서 화면을 바꾸는 기술을 ajax라고 함 일반적으로 저장이나 제출을 하면 데이터가 서버에 넘어가면서 화면이 갱신되어야 하는데 -> 화면갱신없이 데이터가 서버로 가 자바스크립트로 원래 다른 웹의 데이터를 불러올 수 없었다 -> 그런데 이제 ajax를 이용해서 자바스크립트로.. 2021. 4. 29.
04/28 Javascript 파일업로드 : DND, Trigger (dataTransfer) 저번시간에 트리거 & 드래그 앤 드랍 으로 파일업로드하기 알아봤다 드래그해서 드랍하기 전에 (다양한 드래그가 가능하기 때문에) 유효한 파일인지 아닌지에 대한 표시 알 수 있어야 함 일단 드래그해서 박스 위에 올리고있을때만 색바뀌도록 해준 것 드랍된 파일을 읽으려면? dataTransfer -> 드래그라는 이벤트에서 이용하는 가장 큰 도구인데.. 드래그할때 가져온 데이터를 갖고있는 객체이다 -> 근데 어떤 속성을 가지고 있지? 기억이 안날 수 있으니까 for in 문으로 데이터를 순회해서 어떠한 객체던 속성을 알아낼 수 있다 for in 문으로 어떤 속성들이 있는지 알아본 것. (files인지 알아보기위해) type을 이용해야겠다 유효하지 않으면 빨갛게 경고, 유효하면 초록색 indexOf : 뭔가를 찾을.. 2021. 4. 28.
04/28 HTML/CSS 모바일 페이지 구현하기5 어제 햄버거 버튼 만들었던 것을 앞으로 다른 구현할때도 재사용하기 위해 함수형태로 따로 js파일만들어서 나눠주었다 나눴는데 안되더라.. -> html파일에 새로만든 js파일 쓸꺼라고 말해줘야된다.. list가 util안에 있는 함수를 써야 하니까 순서 바꿔줘야 함! -> util.js는 경로가 달라서 이것도 써주면 이걸 안했네 이제 잘됨 aside는 처음화면에서 가려야됨 ul은 컨텐츠를 감싸는 최전방의 블럭 컨텐츠를 작성해보자 (숙제 - html 작성할 것) 2021. 4. 28.

티스토리툴바