반응형 Javascript51 [실무적용 CaseStudy] 링크 타고 온 사용자 특정 위치로 이동 시키기 "블랙 프라이데이 세일 광고 배너를 클릭하고 들어 온 유저들을 프로모션 페이지로 이동하게 해주세요!" URL 링크 타고 온 사용자에 대한 컨트롤 외부에서 특정 배너광고, 예를 들어 A배너, B배너를 클릭하고 이동해 온 사용자를 구분하여 A페이지와 B페이지로 구분해서 이동시키려면 어떻게 해야 할까요? 알고 보면 아주 간단하지만, 실무에서 자주 발생하는 요구사항 이슈입니다. 예전에도 한 번 이 이슈를 가지고 풀어 간 적이 있었는데, 다시 한번 정리를 합니다. 매개변수 활용하기 URL 주소에는 매개변수(parameter)를 포함시켜서 전송할 수 있습니다. 우리는 알게 모르게 이미 이러한 현상을 자주 목격하고 있습니다. 관심이 없어서 몰랐을 뿐... 위, 브라우저 주소창을 가만히 살펴보면, google.com/.. 2022. 12. 14. 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. 이전 1 ··· 9 10 11 12 13 다음 반응형
