본문 바로가기
반응형

분류 전체보기127

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.
반응형