안녕하세요 상훈입니다. 제이쿼리의 $.extend를 처음 보게 된다면 당황하셨을 수도 있습니다. 하지만 간단한 내용이라는 것을 알아주시기 바랍니다. 객체 A, B가 있다면, $.extend(A, B) 는 A뒤에 B를 합치는 활동이라고 볼 수 있습니다. 여러개의 객체를 extend 내부에 넣을 수 있습니다. const A = {age: 12, weight: 52} const B = {name: '상훈', height: 200} const C = $.extend(A,B) // {age: 12, weight: 52, name: '상훈', height: 200} 만약 중복되는 key값을 가지고 있다면, "뒤"에서 덮어씌워집니다. const A = {age: 12, weight: 52} const B = {nam..

FrontEnd/jQuery 2022. 7. 9. 11:35

"한빛미디어 활동을 위해서 책을 제공받아 작성된 서평입니다." 안녕하세요 상훈입니다. 이번에 리뷰 하게 된 IT도서는 "소플의 처음만난 리액트" 입니다. 리액트라는 자바스크립트 라이브러리(프레임워크가 아닙니다.ㅎㅎ) 는 아주 유명한 언어입니다. 전세계에서 프론트엔드 언어로 가장 큰 자리를 잡은 언어가 바로 요녀석이거든요. 비록 러닝 커브가 길고 높다는 단점이 존재하지만, 대규모 프로젝트를 할 때에는 이녀석만한 속도를 내주는 언어가 없습니다. [리액트, 앵귤러, 뷰 ] 프론트 엔드 3대장 중 제일 큰 인재풀, 시장규모를 갖고 있습니다. 그래서 신입들도 모두 리액트를 배우고 싶어하며, 회사들에서도 어쩔 수 없이 리액트를 채용하고 있습니다. 자, 서론이 너무 길었네요. 이제 본론으로 들어가보겠습니다. 이 책은..

FrontEnd/React.js 2022. 6. 26. 12:28

안녕하세요 상훈입니다. 제이쿼리를 이용하여 (1) radio 버튼이 체크되어있는지 여부, (2) 체크 되어있는 값을 가져오기의 예제를 작성해보도록하겠습니다. html 이렇게 4개의 이름이 같은 radio 버튼이 존재하고, 모두 값이 다를 때, 1. 버튼이 체크 되어있는지 여부 확인하기 const itemChecked = $('input[name=item]').is('checked'); item 이라는 name 속성을 가진 radio 태그 중 체크 되어있는 것의 노드를 가져옵니다. 2. 체크 되어있는 값을 가져오기 위를 좀 더 단축하여 사용하겠습니다. const itemValue = $('input[name=item]:checked').val(); 이렇게 item이라는 name 속성을 가진 녀석 중 체크 ..

FrontEnd/jQuery 2022. 5. 26. 09:00

안녕하세요 상훈입니다. 요즘 jquery를 무척 많이 접하게 되어 저도 하나씩 모르는 것들을 알아가고 있습니다. 예를 들어... show(), hide()..? ㅋㅋㅋㅋ 제이쿼리를 이용하여 특정 버튼을 활성화 / 비활성화 하는 방법에 대해 포스팅하겠습니다. click 위와 같이 id : myButton, onclick: change() 라는 메서드를 실행하고 비활성화 된 click 버튼이 있습니다. 그럴 때에 제이쿼리로 해당 버튼의 활성화 비활성화 상태를 변경하고 싶은데요, attr() 을 사용하는 방법, 그리고 prop()을 사용하는 방법이 있습니다. 1. attr() // 1. 온오프가 아니라 비활성만 제거하는 방법 function change() { $('#myButton').removeAttr('..

FrontEnd/jQuery 2022. 5. 25. 09:00

안녕하세요 상훈입니다. VSCode를 사용하고, 저는 저장시 Html, JS, CSS Formatter 가 자동으로 돌아가도록 설정해놓았습니다. 그런데, HTML 양식에서 제가 원치않게 React, Vue 에서와 같이 html에서 하나의 태그가 있을 때 여러 속성(attribute)이 존재합니다. 그럴 때 자동으로 줄바꿈이 되는 경험이 있으실 겁니다. React, Vue 와 같은 상황에서는 위와같이 속성값이 자동 줄바꿈이 되는 것이 보기에 좋고 편합니다. 하지만 그냥 html만 사용할 때에 속성에 의해 코드가 내려와버리면 시각적으로 보기가 불편합니다. 마치 자바스크립트에서 무한 콜백으로 빠져버리는 것처럼요. 속성을 한 줄에 나열 할 수 있게 해주는 설정으로 안내해드리겠습니다. 설정하는 법입니다. 1. 설..

FrontEnd 2022. 5. 23. 20:41

안녕하세요 상훈입니다. 과거 포스팅 내용을 확인하면 다음과 같은데, 해결이 안된 경우가 있습니다. (그게 바로 나.) [ React-Native ] Error : Could not determine the dependencies of task ':app:compileDebugJavaWithJavac'. 안녕하세요 상훈입니다. 사용환경 : WindowOS, React-native, android-studio Could not determine the dependencies of task ':app:compileDebugJavaWithJavac'. 해당 에러가 나오면서 프로젝트 시작할때 에러가.. code-hoon.tistory.com 환경변수 세팅을 해주었는데도 해결이 안되었다면, 아래와 같이 진행해주세요..

FrontEnd/React.js 2022. 4. 8. 11:21

React native 에서 환경설정 중 진단할 수 있는 react-native tool 👍 npx@react-native-community/cli doctor 조음 도움이 되셨다면 광고 한번 클릭해주세요. 블로그 운영에 큰 힘이 됩니다. 감사합니다.

FrontEnd/React.js 2022. 4. 8. 11:13

안녕하세요 상훈입니다. 사용환경 : WindowOS, React-native, android-studio Could not determine the dependencies of task ':app:compileDebugJavaWithJavac'. 해당 에러가 나오면서 프로젝트 시작할때 에러가 발생하였다. npx react-native run-android ■ 해결방법 환경변수를 설정할 때 ANDROID_HOME 설정이 되지 않았을 것이다. 확인해주고 새로 만들어주면 된다. 변수이름 : ANDROID_HOME 변수 값 : C:\Users\사용자명\AppData\Local\Android\Sdk 도움이 되셨다면 광고 한번 클릭해주세요. 블로그 운영에 큰 힘이 됩니다. 감사합니다.

FrontEnd/React.js 2022. 4. 8. 10:38