JavaScript & Jquery/JS&JQ
자 오늘은 새로운 방법으로 접근하는 방법을 방법론적으로 방법으로 알아보자. 지금 맨정신이 아니므로 약간 약빤듯한 고론 느낌이 될수도 있다. 일단 하려고 하는것은 일정한 배열안에 학교 이름이 들어가 있는데 이 값은 학생의 고유한 상담 내역 이고 , 변하지 않는 값이다. 즉 날짜마다 그 값은 일정한 것이다 . 그래서 이것을 비교해서 만약 상담내역이 있었을때, 그 당일에 상담 내역을 전부 비활성 시켜야하는 스크립트를 작성 하려고 한다. const studentHasReservation ={{ reserved_univ|safe }} const getUniReservationDataId = document.querySelector('.reservation_btn_wrap') let innerDataIdText =..
안녕하세여 여러분덜 내가 돌아왔어여 반갑지 않다구요? 알아여 ~ 그럼 오늘도 간단히 본론만 가지고 이야기 해봐요! 정규식을 이용하여 텍스트를 찾고 개행하기! 저희가 지금 오픈하는거는 주소가 실주소(지번주소) 이런식으로 나뉘어져 있어요! const replaceAddress = document.querySelectorAll('.address'); 그래서 쿼셋올로 모든객체를 가배열화 시킨다음. 배열안 객체 숫자 만큼 포문을 돌려 for (let i = 0; i < replaceAddress.length; i++) { replaceAddress[i].innerHTML = replaceAddress[i].innerHTML.replace(/\(/, ` (`); } replace 시킨뒤 다시 그 값들을 넣어주고있어..
금일 내 자신 능력을 평가하고자 토스에서 실시한 신규채용 코딩테스트를 봤다. 물론 쉬운문제들, 혹은 간단한 문제들이지만 머리속으로는 이렇게 저렇게 하면 되겠다. 알고리즘 구상이 되는데, 반면 몸은 그걸 따라주지 못했다. 그만큼 내가 부족한거겠지. 대부분의 문제들이 정규식관련해서 많이 나왔다 그만큼 트랜드는 정규식을 통한 문제해결능력 이라고 볼수도 있겠다 토스 페이먼츠 한정이긴하지만. 그로인해서 정규식을 어느정도 이해 하고 사용하고 있었다고 생각한 내 자신이 너무 부끄럽고 이번 계기로 인해 많이 부족한 점을 깨닳았고 더욱더 연습하고 발전하는 자세를 가져야겠다. 9문제 중 3~4문제만 통과를 했지만 그 3~4문제 또한 완벽하게 그리고 깔끔한 코드로 작성하지 못하였기 때문에 더욱 더 아쉬움이 남는 시험이였다...
요새 너무 무기력증에 빠져서 리엑트도 해야지 타입스크립트도 해야지 하다가 맨날 빈둥빈둥 거리다가 자게된다..진짜로 무언가 동기부여가 필요한 시기인거같다. 그런의미에서 별 중요치않은 포스팅을 하려고한다. 오늘주제는 --------------------------------- 날-짜-계-산 정말 간단한 방법으로 가져왔따 이보다 더 좋은방법이 있거나 스크립트 단을 축소시킬 방법이 있는 분께 나와 데이트 3회권 증정하겠다 뭐 코드부터 보자 const makeNewDate = new Date(); const getTodayYear = makeNewDate.getFullYear(); const getTodayMonth = makeNewDate.getMonth() + 1; const addZeroOfMonth = `..
진짜 오래간만에 작성하는 게시글이다 오늘은 주소에서 파라미터를 추출하여 그 아이디를 기반으로 클래스 이름을 부여하는 방법을 알아보자 이걸 왜 작성하는지 궁금하다면 미래의 나에게 말하고싶다 이런식으로 진행이 될까봐 무서워서 내 기억을 보존하려고 작성하는 게시글이니 재미없으면 넘겨되된다. 자 본론으로 들어가 코드를 살펴보자. 새로운 프로젝트를 진행하는중 백앤드 개발자분이 작업을 하면서 색이 변하질 않아여 변하게 해주세요! 라는 요청을 하게되어서 혹시 그게 ajax로 변경되는 부분만 변경되나요 아님 리로드 되나요?! 라고 여쭤봤는데 리로드가 된다고해서 그럼 로컬스토리지나 쿠키를 사용해서 마지막 값을 저장시키고 다시 뿌려주면 되겠네요?! 하니 굳이 그렇게요..? 라고 말씀하셨다.. 그렇다 나는 멍청이다 코드를 ..
자 오늘은 전개구문 연산자에 대해 알아보자 전개구문 연산자란? 영어로는 Spread. 펴다, 펴 바르다, 벌리다는 의미의 영어 단어. 이다 오늘은 서론 굉장히 짧고 굵게 갔고 본론도 짧고 얇게 가자. MDN 曰 :전개 구문을 사용하면 배열이나 문자열과 같이 반복 가능한 문자를 0개 이상의 인수 (함수로 호출할 경우) 또는 요소 (배열 리터럴의 경우)로 확장하여, 0개 이상의 키-값의 쌍으로 객체로 확장시킬 수 있습니다. 라고한다. 바로 예시로 넘어가자 const a = ["오오힛","이이잉","나나난"] const b = ["힝","풍","빵"] console.log(a,b) 이런식으로 a 배열 b 배열이 존재한다. 이렇게 콘솔로 찍게 된다면 무슨 값이 나올거 같나? 잘 모르겠다고? 한번 생각해봐라 1차..
자 오늘은 템플릿 리터럴에 대해 알아보자. 오늘은 정말 기분이 좋은 월요일 입니다 다덜 점심 맛있게 드시고 주무시고 계신가요? 나는 잠을 자지 못하는 상상도 못한 시닙이라구! 오늘도 서론이 너무길고 바로 본론으로..가보장... 항상 자바스크립트를 하면서 변수와 스트링을 같이 쓰고싶은 욕구가 생길때가 있을것이야 하지만 그렇게 하기 쉽지 않았다고 한다 물론 es6가 나온후엔... 달라졌지만. 원래 같은경우 const a = "X" console.log("a에뭐가 들어있을까아?" +a+" 이게 들어있네?") 이런식으로 ++++++++ 의 노예가 됐었다. 필자는 es6전에는 자바스크립트를 겪어보지 못하여 저 고통에 대해서 공감 할수 없는점 양해 부탁 하는 부분이다. 맞다 이해 해주는 당신들이라 좋다 자 이제 템..
