오래오래 코딩

단일 요소에서 값 가져오기firstTrValue = $('#situationInfo tr:first').attr('value');  모든 tr 요소에서 값 순회하며 가져오기$('#situationInfo tr').each(function() { var value = $(this).attr('value');});   태그는 기본적으로 value 속성을 가지지 않음.만약 데이터 저장이 필요하다면, HTML5의 data-* 속성을 활용 권장. [html&jQuery] $.data()로 data-value 속성 사용하기1.data-value 속성 test1 button 태그를 기준으로 위와 같이 data를 저장할 수 있다. data-* 의 형태로 변수의 이름을 지정할 수 있다. ex) data-val1, ..

자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 자바스크립트 라이브러리. jQuery는 css 검색 스타일로 원하는 위치를 정확하게 뽑아내어 요소를 추가/삭제하기 때문에 더 간단하고 편리하게 원하는 요소를 찾아낼 수 있음.   [js] jQuery 제이쿼리란? (기본문법/ $의미/ functnion이 무엇)jQuery 제이쿼리란? 제이쿼리(jQuery)는 오픈 소스 기반의 자바스크립트 라이브러리이다. 코딩러들이 아...blog.naver.com  jQuery 입문 | Ajax 사용 | Ajax 메소드 $.ajax() $.get() .load()Ajax 메소드 메소드 설명 $.ajax() 비동기식 Ajax를 이용하여 HTTP 요청을 전송함. $.get() 전달받은 주소로 GET ..

- WEB 화면에서 무언가를 부르거나 데이터를 조회하고 싶은 경우, 페이지 전체를 새로고침 하지 않기 위해 사용. - 자바스크립트를 통해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신 기능. - HTML 페이지 전체가 아닌 일부분만 갱신할 수 있도록 XMLHttpRequest 객체를 통해 서버에 Request 함. - 페이지의 부분을 동적으로 사용.  💡 동기 vs 비동기비동기 : 웹페이지를 리로드하지 않고, 데이터를 불러옴.             서버에 요청을 한 후 멈추어 있는 것이 아닌 프로그램은 계속 돌아가고 있는 방식. 동기 : 호출한 함수 또는 작업이 반환될 때까지 대기하는 동안 실행 흐름이 차단되는 특징.           한 작업이 지언되면 다른 작업들도 모두 지연되는 ..

Main(부모 컴포넌트) > Search(자식 컴포넌트) state : 컴포넌트 사용 중 컴포넌트 내부에서 변할 수 있는 값props : 외부로부터 전달받은 값   1. 상태 변경 함수인 search 에 conditon 변경 함수인 setCondition 을 이용해 값을 변경. ☘️  2. Search 컴포넌트에 상태변경함수 'search'가 'onSearch' props 로 전달되어야 한다.  ☘️ 3. Main 에서 내려온 onSearch props 를 Search 에서 받음. props로 콜백함수를 넘겨줌. -> onSearch 가 콜백 함수.  4. 상태 변경 함수 `search`는 Search 컴포넌트의 `검색` 버튼 클릭 시 실행되어야 함.  5. input 에서 textDestination을..

React 의 규칙return ( 를 감싼 뒤에 를 해 주어야 함. )

📚문제 상황 코드 작성 후 새로 고침을 했으나 VScode 우측 하단에 Failed to save 'App.js' 가 뜸. sudo 를 했으나 해결되지 않음.  💡해결 과정 검색 후 sudo chown -R을 하라는 거까지는 이해함. 하지만 그 뒤에 어떻게 파일 경로를 알 수 있는지 알 수 없었음. ((User 가 무슨 파일이지..ㅋㅋ)) 🔎해결 방법 터미널에서sudo chown -R your_username:your_groupname /User/your_username/ / / / (파일 경로 입력)sudo chown -R your_username:your_groupname 까지 쓴 후에 react node_modules 가 있는 파일 경로를 데리고 와야 함.  username 은 whoamiyo..