참고로 티스토리 블로그에도 적용해뒀다. 워드프레스는 HTML이나 JS는 건드릴 수 없어서 적용 못했고 네이버나 미디움은 HTML쪽 편집이 안돼서 적용 못했음. Reference https://stickode.tistory.com/318 ([JavaScript] 마우스를 따라다니는 원 만들기) https://codepen.io/falldowngoboone/pen/PwzPYv (Javascript Mouse Trail) Basic 스크린캐스트에...
Continue reading...Javascript
페이지네이션
매우 고급져보이는 이 단어의 뜻은 정말 생각지도 못하게 심플하고, 여러분은 이미 이걸 몇 번 봤다. 이런거 다들 한번씩 봤잖음. 블로그건 검색이건… 이게 페이지네이션이다. 저게 코딩관련 글을 11페이지로 옮겼는데(다 옮겼음) 분량이...
Continue reading...원페이지 쇼핑몰 보강하기-익스트림 CRUD
진행 상황: 회원가입(완료)/로그인(로직만 완료) 전에도 얘기했듯, 쇼핑몰에서 ‘모든 고객의 주문 내역을 볼 수 있는’건 물건을 파는 사람이다. 다른 고객들은 자기 주문만 볼 수 있다. 내가 옆집 김씨가 뭘 시켰는지 모르고,...
Continue reading...To-do list 바닐라JS로 만들기
쇼핑몰이요? 그거 로그인은 둘째치고 SSL 설정 개꼬여서 걍 인스턴스 엎고 만들라고… 아니 nginx 깔았는데 uWSGI에서 막혀서 하루종일 그거 찾았다니까. 아무도 안 알려줘 그걸… 깝깝해서 오라클 클라우드도 알아봐야 하나 생각중임 지금.....
Continue reading...원페이지 쇼핑몰 보강하기-익스트림 어드레스+익스트림 CRUD(준비)
생각해보니 주소는 유효성 검사를 어떻게 해야 하지? 싶어서 물어봤더니 다음API가 잘 되어 있다고 함. 그래서 주소를 그걸로 검색해서 우편번호랑 함께 받고, 상세주소만 별도로 입력받는다. (상세주소까지 입력해야 하는 데도 있고 필수는...
Continue reading...만들 수 있다! 이미지 슬라이더!
단점: 아직 자동재생이 안됨 기본편 참고 사이트: https://penguingoon.tistory.com/255 하단에 있는 이전/다음버튼을 누르면 그림이 움직인다. HTML 사실 얘는 뼈대라 특별히 설명할 건 없다. 응용편의 경우 밑에 뭐가 하나 더 들어간다는 것...
Continue reading...원페이지 쇼핑몰 보강하기-유효성 검사와 공백처리
내 드디어!!! 서버에 올렸어!!! 여러분 이거 해써여!!! 하고 올렸는데… 피드백 온 것 중에 어? 이거 다 입력 안 해도 주문됐다고 뜨는데요? 유효성 검사 추가해주세요. 그게 뭔데요 감마펑션때 온갖가지 경우의 수...
Continue reading...var, let, const
자바스크립트 코딩을 하다보면 사바사 코바코 변바변이지만 변수를 세 가지 방식으로 선언한다. var, let, const. 응? 뭐야 1+1+1임? 왜 3개씩이나 있어요? 를 알아보자. 일단 선언이 뭐냐… 베이직에서 이게 선언임. 나는 A라는...
Continue reading...내일배움단 2주차 과제+퀴즈 응용편
후기는 5주차에 뵙는걸로 하겠음. 퀴즈 응용편-따릉이 API 일단 본인은 따릉이를 매우 좋아해서 겨울 빼면 장기 이용권(월단위) 사서 풀스로틀 밟는다. 샌들신고 풀스로틀 어제이씨 따릉이 안쪽에서 빼는데 그거 뻔히 보고도 길막하더라. 옆에는...
Continue reading...메일주소 판별하기(부제: 정규식씨 나와봐요)
오늘 풀었던 퀴즈긴 한데 풀이 썩히기 아까워서 올림… 힌트에는 include를 쓰라고 나와있는데 본인은 보자마자 정규식 생각했다. 정규식으로 형식 지정하면 이메일도 찾을 수 있거든… 물론 include를 사용한 풀이도 있다. include 버전...
Continue reading...
Reply