반응형 전체 글132 [실무적용 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. Bootstrap을 이용한 반응형 Article 만들기 기초 부트스트랩(Bootstrap) 부트스트랩은 CSS를 활용한 프레임워크라고 볼 수 있습니다. 뭔가 상당히 어려운 말로 들리기는 한데 결론적으로 웹 페이지 제작시 사용하게 되면 매우 큰 도움을 줍니다. Boot + strap = 신발끈? 부츠 앞을 조이는 끈을 영어로 부트스트랩이라고 하죠. 그래서 이번에는 아주 기초적인 부트스트랩 사용법을 정리해보기로 합니다. 결과물 미리보기 아래와 같은 결과물을 만들려고 합니다. 웹 페이지에서 흔히 볼 수 있는 제목 + 내용 + 버튼의 조합을 이루는 컨텐츠의 형태입니다. 부트스트랩은 '반응형'을 기본으로 하고 있기 때문에 기본적으로 반응형 결과물로 만들어집니다. 같은 결과물을 가지고 브라우저 가로 폭을 늘려보면 알아서 잘 반응형으로 보여집니다. 빈 HTML 문서 준비 VS.. 2022. 12. 11. 구글 애드센스(Google Adsense) 계정 활성화 이후 ads.txt 이슈 처리 구글 애드센스를 신청한 이후 8일 만에 계정이 활성화 되었다는 안내 메일을 받았습니다. 안내 메일을 받은 이후 블로그에 광고가 노출되기 시작하는 걸로 보아 제대로 연동이 되는 것으로 보여집니다. 일단 매우 신기합니다. 내 글에 광고가 게재가 되었고 정말로 이게 수익이 발생한다고? 하는 기대감 약간, 호기심 약간 듭니다. 어차피 좋아하는 코딩 공부 내용을 정리 메모해두면서 한번 더 복습하고 나중에 비슷한 문제에 부딪혔을 때 다시 참고하기 위한 목적으로 개설한 티스토리인데 예기치 않은 수익은 과연 얼마나 나와줄런지 매우 궁금하기 짝이 없습니다. 구글 애드센스 ads.txt란 무엇인가? 구글에 따르면 광고를 판매하는 자가 승인을 받고 하고 있는 것인지 검증을 하는 솔루션인 것으로 보여집니다. https://s.. 2022. 12. 10. 생애 최초 Google Adsense 신청기 - 한 번에 승인(ft. 티스토리 블로그) 구글 애드센스(Google Adsense) + 티스토리 블로그 구글 애드센스는 구글의 광고 플랫폼입니다. 광고주들의 광고들을 블로그나 애플리케이션 그리고 웹페이지 등에 노출을 시켜줌으로써 광고를 실현해주고 수익을 쉐어해줍니다. 오옷? 수익을 만들 수 있다고라? 1. 티스토리 개설 - 2022년 11월 21일 저도 지금까지는 크게 관심을 갖지 않고 있다가 이번에 티스토리를 새롭게 개설하게 되면서 저도 한번 재미로(?)라도 일단 한번 신청 해보자고 생각이 들었습니다. TISTORY.는 클릭 몇 번으로 쉽게 개설이 가능합니다. 지난 11월 21일 개설 이후 1일 1포스팅을 꾸준히 하고 있습니다. 애드센스 관련하여 구글링을 해보니 라고도 불리면서 이런 저런 경험담과 노하우가 전해지고 있던데 저는 크게 신경쓰지 .. 2022. 12. 9. 이전 1 ··· 16 17 18 19 20 21 22 다음 반응형