아는게 없어서 쓰는 블로그 아는게 없어서 쓰는 블로그

현재 개발진행중인 프로젝트에서 라디오 버튼을 사용하는 UI가 많이 등장한다. 라디오 버튼은 보통 다중선택으로 사용하지 않고 하나만 선택할 수 있도록 사용한다. 하지만 .. 라디오 버튼을 다중선택 할 수 있게 변경하라는 QA를 받게되면서 평소에 거들떠보았던,, 라디오버튼에 대해서 자세히 파고들었다. 내용을 다시 정리해보고 복기해보려한다. 1. 라디오 버튼 기본 폼 빨강 파랑 초록 기본 폼과 실행 화면이다. 대신 를 사용하면 된다. 개발을 하기 위해 이정도는 기본적으로 꼭 알아야하고.. 이후로 심화내용을 다루어보겠다. 2. 라디오 버튼 선택과 해제 Jquery를 사용하여 라디오버튼을 선택, 해제할 수 있다. 빨강 파랑 초록 1. 라디오 버튼 선택 $("#아이디").prop("checked, true) 2. ..

7월 11일 업무 중 학습한 내용 ⚠️ 이슈 : 지점관리 > 코칭클래스의 리스트를 렌더링하는 과정에서 클래스가 중복되어 반환되는 현상 발생 ✔️ 문제 이해 : 최소번호가 1번이고 최대번호가 11번이면 11개를 응답으로 받는데 courseId가 서버에서 여러개 반환 ✅ 해결 : forEach를 사용하여 중복 제거 백엔드 API수정 요청을 할 수 있으나 .. 백엔드분이 너무 바빠보이시기도 하고 프론트에서 중복처리로 할 수 있겠다 싶어 해보았다. console.log("코칭클래스",obj) // res = obj; const setObj=[]; const courseIdSet = new Set(); obj.forEach((item)=>{ if (!courseIdSet.has(item.courseId)){ co..

1. 문자열 합치기 console.log('my'+' cat'); //my cat console.log('3'+ 5 ); //35 console.log(`string literals: 3+4 = ${3+4}`) //string literals : 3+4 = 7 * '3'+5를 하게 되면 숫자가 문자열로 변환되어서 출력된다 ! * `(백틱)기호를 사용하여 문자열에서 연산을 할 수 있다 ~ ! `기호는 특히나 많이 쓰이니 '와 헷갈리지 말고 기억할 것 2. 숫자 연산 console.log(1+1); // 더하기 console.log(1-1); // 빼기 console.log(1/1); // 나누기 console.log(1*1); // 곱하기 console.log(5%2); // 나머지 console.log(..

[JavaScript] 자바스크립트 기초 문법 : 변수와 상수 *유튜브 드림코딩님의 「자바스크립트 기초 강의」를 수강하며 작성하였습니다. 1. 'use strict' ; 'use strict'; 자바스크립트는 비교적 제한이 덜 한 언어이다. 세미콜론 안붙였다고 코드가 돌아가지 0lrlokr.tistory.com 우리는 지난 포스팅에서 자바스크립트의 변수와 상수에 대해 알아보았다. 이러한 변수와 상수가 어떤 자료형에 속하는 지, 어떤 자료형으로 선언하고 싶은지에 대해 알아보기 위해 자료형에 대해 자세히 알아보겠다! 자바스크립트 자료형(타입) 자바스크립트에는 총 8가지 자료형이 있고 그 중 7가지가 원시형, 나머지 객체형이 있다 . 원시형 Number 타입, String 타입, BigInt타입, Boolea..

*유튜브 드림코딩님의 「자바스크립트 기초 강의」를 수강하며 작성하였습니다. 1. 'use strict' ; 'use strict'; 자바스크립트는 비교적 제한이 덜 한 언어이다. 세미콜론 안붙였다고 코드가 돌아가지 않는 것도 아니고 .. 에러가 조용히 무시되는 경우가 많다. 하지만 .. 이런 에러를 throw해주어야 리스크를 줄일 수 있는데 .. ! 그래서 엄격모드가 권장되는 것이다. use strict사용 시 - 기존에서 지나친 에러들을 throwing한다. - JavaScript 엔진의 최적화 작업을 어렵게 만드는 실수들을 바로 잡는다. mdn 참고자료 2. variable (변수) 변수 : 숫자 또는 문자열과 같은 값의 컨테이너이며 변경될 수 있는(mutable) 값, 즉 데이터의 이름 저장소 ! ..