dev_eunz

자바스크립트는 기본 베이스가 "비동기 통신" 으로 되어있다. 그래서 일반적으로 코드를 작성하게 되면 자동으로 비동기 통신 코드가 된다. 그렇다면, 굳이 "동기 통신" 코드를 사용하고 싶다면 아래와 같은 방법을 사용하면 된다. 1. Promise - 세 가지 상태로 이루어져있는데, 대기 말그대로 대기하는 상태 이행 해당 코드를 수행하는 상태 실패 해당 코드 수행 중, 실패가 난 상태 해당 코드가 수행이 끝나면, then 함수를 통해서 콜백 처리를 할 수 있게 된다. resolve() 를 통해서 Promise 내 동기통신 코드 수행이 마무리되었음을 알린다. function ABC() { new Promise((resolve, reject) => { ... resolve(resultData); } }; ABC..

js 데이터를 사용하다 보면 Object 데이터를 사용하게 되는데, Object 데이터에 새로운 데이터를 추가하려고 하면 어떻게 해야하는가? 위와 같이 간단한 데이터를 만들었다고 치자. object.추가할데이터 = '데이터내용' 이렇게 간단히 데이터 추가가 가능하다 😻😻😻

js 데이터를 확인하려고 console.log(object) 위와 같이 콘솔 로그를 찍었을 때, [Object Object] 이런 로그를 본 적이 있을 것이다. 🤔 원한 것은.. 이게 아닌데 말이다. 이럴 때에는 console.log("object: %o", object) 이렇게 사용을 해보시라. 원하는 로그를 보게 될 거에요 😻😻

JS 수정을 진행하던 중,, 오류가 나버렸다. 아니 근데 왜때문인지 모르겠더랬다. 찾아보니까, 코드를 "" 이렇게 열기, 닫기를 맞추어 주어야 하는데 안되었을 때에 이러한 현상이 난다고 해서 확인해보니 아니기에 더 찾아보니 var code = '[{ name: 'name', age: 'age' }]' 이렇게 작성되어있는 코드를 아래와 같이 수정을 해주면 되겠다. var code = "[{ name: 'name', age: 'age' }]" 내부에서 ' 를 이용해서 코드를 열어서 처리하면, 바깥의 여는 코드는 "로 하던지 이스케이프 처리를 해두어야 했던 것이다. 🤔🤔🤔

자바스크립트로 데이터 테스트를 하던 중, json to string / string to json 양방향으로 진행해서 테스트할 일이 생겼다. 해당 작업은 간단하다. 1. Json to String var strData = JSON.stringify(jsonData) 2. String to Json var jsonData = JSON.parse(strData) strData는 아래와 같이 json형태로 데이터가 온전히 들어있어야 한다. 만약, 쌍따옴표(") 혹은 따옴표(')가 쌍을 이루지 않고 올바르지 않은 string data로 존재하면 오류가 발생, json 파싱이 불가능하다. var strData = '{"name": "Eunji", "age": "28"}';

자바스크립트를 통해 로그를 찍는 상황이 생겼다. ( XPlatform에서도 사용하기도 하고, 웹페이지 개발중에.! ) 방법은 간단하다. 1. 개발자도구에서 볼 수 있는 로그 console.log('') 2. 직관적으로 화면수정하면서 보는 로그 alert('') 혹은 trace('') 아래의 경우에는, XPlatform 에서 데이터셋 확인할 때에 주로 사용하게 되었고 ( 로컬 로그에 찍힘 ) 다른 경우는 홈페이지 개발 중에 많이 사용하게 되었다. 추가로, JSP의 경우에는 위의 몇 가지 방법을 통해서 로그를 확인. 좀 더 쉽게 수정을 이어갈 수 있었다. ☺️

jsp 기반으로 간단한 화면 제작을 하던 중. IE환경에서 startsWith 함수가 안되는 경험을 했다. 크롬에서는 분명 잘됐는데.! 인터넷 익스플로러에서 확인해보니 안되는 것이다. IE(인터넷 익스플로러) 환경에서는 해당 함수지원이 되지 않는다는 검색결과가 있었다. 이럴 때에는, 직접 함수를 선언해주면 된다. String.prototype.startsWith = function(search, pos) { return this.substr(!pos || pos < 0 ? 0 : +pos, search.length) === search; };

2020.12.XX 인스타그램을 둘러보다가 "스파르타코딩강의 0원 패키지" 라는 광고가 눈에 들어왔다.😳 0원이라서 눈에 띈건 아니다..크흠흠 그렇게 시작하게 된 스파르타코딩강의 나홀로코딩 패키지. 비전공자가 대상임에도 불구하고 호기심에 한번 듣게 되었다.🤭 목표는, 2020년도 감사했어요. 라는 편지를 담은 페이지를 만드는 것.! 첫 강에서는 클라이언트, 서버에 대한 간략한 설명과 더불어 HTML, CSS, JAVASCRIPT가 어떤 일을 하는지에 대해서 알 수 있었다. 그 후로 시작되는 HTML 태그들 설명으로 쭉쭉 이어진다. 생각보다 괜찮았던 것 같다. 책이 따로 필요하지도 않고. 무엇보다도 강의가 평균 5분정도면 끝난다. ( 5분짜리 강의 * 8개가 하루치 강의 ) 실은 JAVASCRIPT에 대한..

JSP로 개발을 하다보면, JS에서 Java 변수를 사용하고 싶을 때가 있다. 이럴 때에는 아래와 같이 사용하도록 하자. 아래와 같이 test_value라는 변수가 선언되어있다고 가정하자. 1. input 등의 html tag의 value로 사용할 때. 2. Javascript 에서 사용할 때, 3. HTML 스크립트 내에서 사용할 때,