반응형 Javascript50 if ~ else 구문 보다 고수처럼 느껴지게 만드는 <삼항 연산자 > 삼항 연산자(조건 연산자) 어라? 어디선가 들어봤던 것 같은 삼항 연산자라는 이름... 뭔가 이름은 되게 어려보이는 것 같습니다. 삼항 연산자는 특정한 조건을 이룰 때 if ~ else 구문을 대신하여 사용될 수 있습니다. 주로 True / False를 판별한 후 둘 중 하나를 실행하게 될 때 빈번하게 사용됩니다. 이 참에 삼항 연산자에 대해서 알아보고 정리한 후 향후 코드를 짤 때 잘 좀 써 먹어 보기로 합니다. if ~ else 구문 케이스 다음과 같은 간단한 예제가 있다고 가정해봅니다. (사용자로부터 나이와 성별을 입력 받았다는 가정) 눈으로 따라가면서 바로 이해를 해봅시다. const age = 17; const sex = "male"; if (age < 20) { console.log("미성년자.. 2022. 12. 13. Number()와 parseInt() 차이점 - parseInt(string, radix) 문자열을 숫자로 자료형 변환 하기 Javascript를 공부하며 코딩을 하다가 '어라? 비슷한 명령어가 있네? 같은 기능을 하는 건가? 분명히 차이점이 있을텐데?' 싶은 기능 두 가지가 눈에 띄었습니다. 바로, Number()와 parseInt()입니다. Number()는 말 그대로, 문자열을 숫자로 형변환을 해주는 것일테고 parseInt()는 말 그대로, parse + Integer 즉 정수로 파싱을 해준다는 의미 같은데 어떠한 차이가 있는 지 이 참에 자세하게 알아보기로 해봅니다. Number() Number(string) 형식으로 사용됩니다. 인자로 문자열을 받아서, 숫자형으로 강제 캐스팅해줍니다. Java 공부할 때 만났었죠. parseInt() 역시 parseInt(string) 형식으로 사용.. 2022. 12. 12. 버튼을 클릭하면 클립보드에 복사하기, Button, Clipboard 주말을 맞이하여 잠깐 생각해둔 바 있던 개인 프로젝트를 진행해보고 있습니다. 당근빠따 실력은 아직 미천하지만 그 동안 공부해온 내용 수준 안에서 완성을 해 볼 수 있는 수준으로 기획했습니다. Kin Converter라고 일단 대충 이름을 붙여봤는데요 상단 Textarea에 코드를 넣고 [ Convert ] 버튼을 클릭하면 변경된 코드가 아래쪽 Textarea에 출력되고 이때 알아서 복사해가거나 [ Copy to ClipBoard ] 버튼을 클릭하면 메모리에 복사가 되어 퍼가기 쉽게 하는 기능입니다. 요즘은 유튜브나 다른 서비스들에서도 저렇게 버튼을 클릭하면 생성된 코드를 메모리에 복사해주는 그런 기능들을 자주 볼 수 있습니다. 자, 실습! 일단 버튼을 하나 만들고 onclick 이벤트를 받으면 copyT.. 2022. 12. 6. [실무적용 CaseStudy] 체크박스 체크해야 버튼 눌리게 해주세요~ 오래 전부터 인연을 만들고 있는 한 고객사로부터 업무요청이 들어왔습니다. 쇼핑몰을 운영하고 있는 곳인데요, 도예 관련한 재료를 판매하는 곳이라 흙덩이 같이 덩치 큰 재료가 많습니다. 그러다 보니 무게와 크기가 각각 달라서 일반 배송을 해야 할지, 트럭을 이용해 배송을 해야 할지 결정해야 하고 주문된 제품의 가짓수에 따라 배송료도 다양하게 산정되는 실무가 존재하는 곳입니다. 그러나 어디서나 무조건 고객분들은 성격 급하시죠^^; 배송비 차등정책을 쇼핑몰 곳곳에 안내해두었지만 해당 안내를 챙겨서 읽는 분은 많지 않을 겁니다. 그러다 보니, "고객분들이 제발 배송비 정책을 사전에 잘 인지할 수 있도록 해주실 수 없나요?" 라는 요청을 받게 되었고 어라? 이거 요즘 공부하는 javascript로 처리가능할 것 같.. 2022. 12. 4. 이전 1 ··· 9 10 11 12 13 다음 반응형
