728x90 반응형 개발공부/JavaScript21 [자바스크립트] 모달창 띄우는 간단한 방법. 프로젝트때(고기당) 진행했던 방법으로 설명해보자. 1. 어렵게 생각하지말고, 해당 화면에서 모달 레이어를 얹는것이라고 생각한다. 2. 그런데 이제, 모달 레이어는 일반 상황시에는 보이지 않도록 처리한다. 3. '작성'버튼을 누를때만 모달 레이어가 보이도록 한다. 포인트. css에서 display를 none과 block을 사용함, z-index를 주어서 모달 레이어가 가장 위의 레이어가 되도록 할것. × 공지사항 작성 제목 공지내용 작성 아래는 스크립트 코드이다. 모달부분만 옮겼다. 참고한 블로그. kuzuro.blogspot.com/2018/09/blog-post.html 다른 방법. new93helloworld.tistory.com/135 2021. 2. 25. [자바스크립트] .val() 메소드 .val() .val()은 양식(form)의 값을 가져오거나 값을 설정하는 메소드. 문법 1 .val() 선택한 양식의 값을 가져온다. ex) var dh = $( 'input#dhInput' ).val( ); -> 아이디가 dhInput인 input 요소의 값을 변수 dh에 저장한다. 문법 2 .val( value ) 선택한 양식의 값을 설정한다. ex) $( 'input#dhInput' ).val( 'ABCDE' ); -> 아이디가 dhInput인 input 요소의 값을 ABCDE로 저장한다. 2021. 2. 22. [자바스크립트] 배열 요소 추가/제거 메서드 - 배열의 첫번재 요소는 0부터 시작한다. 배열 요소 추가/제거 메서드 배열의 처음 혹은 마지막에 요소를 추가하거나 제거하는 메서드들입니다. push 메서드 : 배열의 마지막에 새로운 요소를 추가한 후, 변경된 배열의 길이를 반환 pop 메서드 : 배열의 마지막 요소를 제거한 후, 제거한 요소를 반환 unshift 메서드 : 배열의 첫 번째 자리에 새로운 요소를 추가한 후, 변경된 배열의 길이를 반환 shift 메서드 : 배열의 첫 번째 요소를 제거한 후, 제거한 요소를 반환 참고한 블로그 : tutorialpost.apptilus.com/code/posts/js/js-array/ 2021. 2. 22. [자바스크립트] 파일경로, src경로, 경로 오류 팀플에서 팀원이 준대로 경로를 입력했는데, 경로오류가났다??? 어이 거기 자네, 혹시 mac을 쓰는 동료와 프로젝트중인가? 그렇다면 반드시 경로에 ""(큰따옴표)를 확인하라. 비슷해 보이는데 좀 다르다. 큰따옴표를 지운후 다시 입력해주면 오류가 해결된다. 맥에서 쓰는 큰따옴표는 이렇게 오류나더라. 2021. 1. 15. [자바스크립트] 자바스크립트 js파일로 분리, 한글깨짐, 한글인코딩 뷰파일에 자바스크립트를 다 넣어놓으면 너무 길고 안예쁘다. js파일로 분리시켜보자. 1. 빨간 줄로 표시된 자리에 있던 자바스크립트 코드를 전부 밖으로 빼낸다. 태그를 제외한 모든 내용을 빼면된다. 2. 나는 resources라는 폴더에 css/fonts/img/js등으로 모두 빼주었다. 3. 그런데.. 잘되던게 한글이 깨진다. 체크박스를 누르면 담기는 값 자체가 한글이 깨져서 담기니까, 적절한 비교를 할수가 없다. 4. 일단 모든 인코딩관련 설정이란 설정은 다해줬다. 해당 자바스크립트 태그에 type="text/javascript" charset="utf-8" 추가로 넣어줌. 그런데도 안된다. 5. 결국 editPlus깔아서 해당 js파일을 다른이름으로 저장했다. (저장할때 utf-8 형식으로 저장해 .. 2021. 1. 15. [자바스크립트] JSON(작성중) JSON이란, 자바스크립트 객체 문법을 따르는 문자 기반의 데이터 포맷이다. 자바스크립트 객체 문법과 매우 유사하지만 자바스크립트가 아니더라도 json을 읽고 쓸수 있는 기능이 다수의 프로그래밍 환경에서 제공된다. json은 문자열 형태로 존재. 네트워크를 통해 전송할때 아주 유용하다. 데이터에 엑세스 하기 위해서는 네이티브 json객체로 변환될 필요가 있다. Note: 문자열에서 네이티브 객체로 변환하는 것은 파싱(Parsing)이라고 합니다. 네트워크를 통해 전달할 수 있게 객체를 문자열로 변환하는 과정은 문자열화(Stringification)이라고 합니다. 개별 JSON 객체를 .json 확장자를 가진 단순 텍스트 파일에 저장할 수 있습니다. MIME 타입은 application/json 입니다. .. 2021. 1. 11. 이전 1 2 3 4 다음 728x90 반응형
