분류 전체보기 (43) 썸네일형 리스트형 1년차 스타트업 웹퍼블리셔입니다. 안녕하세요 저는 현재 5인 스타트업 회사에서 근무하는 웹퍼블리셔입니다! 처음으로 제 소개를 여기에 남기네요 이제 막 웹퍼블리셔로 1년을 막 넘긴 초급 웹퍼블리셔랍니다. 열심히 기능공부와 디자인공부를 하지만 그 끝은 여전히 보이지 않네요 ㅜㅜ 사실 최근에 계속 밤늦게 공부하고 작업하다가 장염과 독감이 함께 찾아와서 큰 고생을 하고 잠시나마 저에게 휴식을 주는 타이밍으로 이렇게 일상 글을 쓰게 되었어요. 앞으로 회사일이나 웹퍼블리셔로서의 경험담 등을 적어나가보려고 해요 저는 사실 javascript 기능을 기억해두려고 블로그에 저장해두다가 뭔가 메모장으로 쓰기에는 아까워서 본격적으로 활동하기 시작했어요 아직은 jQuery가 주를 이루지만 점차적으로 순수 javascript 위주로 포스팅할 예정이에요. 사실 .. select 옵션에 아이콘 넣는 방법 안녕하세요 오늘은 select 박스에 아이콘 넣는 방법을 알려드릴게요! 그 전에 먼저 소개할 사이트가 있습니다 https://fontawesome.com/ font awesome 이라는 사이트인데요 일부 아이콘을 무료로 제공해주기 때문에 퍼블리싱을 할 때 아주 유용하게 사용하는 사이트랍니다. 일단 여기 아이콘을 사용하도록 할게요 여기서 잠깐..! (...?????) 보통 오픈소스 아이콘을 사용할 때는 이런 태그를 복사해서 사용하지만 select 박스에 아이콘을 넣을 때는 이런 방식으로 적용하면 아이콘이 뜨지 않아요 우리는 font awesome 이 제공하는 다른 서비스를 사용하여 select 박스에 아이콘을 넣을 수 있어요 fontawesome 사이트를 맨 아래로 스크롤 하면 제일 하단에 Cheatshe.. 저작권 무료 아이콘 사이트 Remix Icon 웹 퍼블을 하면서 수많은 아이콘과 이미지들을 정리하고 다루는 건 정말 귀찮은 일인 것 같습니다... 정리하는 걸 잘 못하는 저에게 있어서 아이콘과 이미지를 일일히 네이밍하고 분류하여 정리하는 건 javascript를 공부하는 것 보다 더 고역입니다. 그런 저에게 있어서 Remix Icon 사이트는 구세주나 다름없답니다! https://remixicon.com/ Remix Icon 사이트의 아이콘들은 모두 저작권 무료이므로 걱정없이 사용하셔도 됩니다. 해당 글에 따르면 자유롭게 사용해도 괜찮고 본인 프로젝트에 "Remix Icon"을 언급해주면 매우 고맙겠지만 필수는 아닙니다. 다만, 아이콘들을 판매해서는 안됩니다. 라고 적혀있습니다. 천사같은 분들이네요 > [DAY 01] 홀수, 짝수 판별하기 - %로 나머지값 보기 문제 숫자를 매개 변수로 전달받아 짝수인지 홀수인지 판별하는 함수를 isODD 라는 이름으로 작성하고, 이 함수를 호출해 실행한 결과를 HTML 문서에 표시하세요 정수가 2로 나눠서 0이 나오면 : 짝수 정수가 2로 나눠서 1이 나오면 : 홀수 휴대폰 번호 입력 형식 - replace() 와 substring 휴대폰 입력 형식 1) 숫자 사이 '-' 자동기입 '-' 자동 기입은 되나 3자리 까지 입력시 '-''-' 두 개가 동시에 나옴 '-' 바는 000-0000-0000 처럼 순차적으로 나와야함 2) 글자 입력 불가 숫자입력 후 글자는 입력이 불가 최초 입력시 글자 기입이 가능 (tel의 pattern으로 인한 알람이 뜨기 때문에 큰 요소는 아님) 추후 코드 업그레이드가 필요 return 에 대한 js 초보의 야매정리 javascript를 공부하게 된 이후로 "return" 이란 개념은 너무나 이해하기 어려운 개념이었다. 그래서 내식대로 정리를 해봤다. 제대로 된 사용을 모르는 초보자의 정리이므로 괜히 따라 이해했다가 후회할 수 있으니 보실 분은 훑어 보시길 바라며.. return 은 어떤 일을 할까? 1. 값을 반환 (배출한다, 꺼내준다로 해석) (- 코딩 초보자로서 return을 검색하면 다 값을 반환한다는 표현을 사용하는데 항상 좀 더 풀어서 설명해줬으면 했었다..) var test = function (){ var x = 1; } test(); 이런식의 코드를 짰을 때 과연 무슨 일이 일어날까? 결론 :: 아무 일도 일어나지 않는다. 현재의 코드는 "x=1 인 자판기가 있기만 한 상태" 이다. (지역변수를 담은.. var, let, const 차이점 정리(링크) https://gist.github.com/LeoHeo/7c2a2a6dbcf80becaaa1e61e90091e5d javascript var, let, const 차이점 javascript var, let, const 차이점. GitHub Gist: instantly share code, notes, and snippets. gist.github.com var (function scope) - 전역에서 선언하면 전역에서 인식됨 - function name(){ 이 안에서 선언한 것은 이 안에서만 인식됨 } - $(function(){ 이 안에서 인식된 것도 이 안에서만 인식되어야 하는데 }) 전역에서도 인식되는 경우가 있음 var 로 선언하는 변수는 function 안에서 선언한 변수가 전역에서도 작동하.. 선택한 색상으로 색 변하게 만드는 법(onclick, for, switch) 안녕하세요! 이번에 다루는 기능은 제가 예전에 만들었었는데 안타깝게도 적용되지 않은 기능이랍니다...ㅠㅠ 비록 쓰이지는 않았지만 블로그에 게시해서 공유해보고 싶었어요! ㅎㅎ 선택한 색상에 따라 대표 색상이 바뀌도록 만들었는데요! 여기서 사용한 대표적인 기능은! onclick="" html에서 태그에 적용하는 함수입니다. for(){} 증가문을 설정해줍니다 switch(){} 상황을 하나씩 설정해줍니다. (case1, case2....) 입니다 [1] 각 html 에 onclick(num, this) 를 먼저 설정해주고 [2] for 를 사용해 증가문을 설정해주고 (색상의 개수 이하로 증가되도록 설정) [3] 증가문의 수와 html의 onclick에 설정된 num이 같으면 [4] 각 넘버에 해당하는 색상이.. 이전 1 2 3 4 5 6 다음
