Hello World!!

학원 수업 내용 Day8 js플러그인 (swiper.js, isotope.js)을 활용한 레이아웃 2개, 그리고 js, css를 활용한 갤러리 이미지 아이디어와 마지막으로 vanilla js로 간단한 슬라이드를 제작했다. 그리고 그 과정에서 BOM에 대한 학습을 했다. BOM BOM은 Browser Object Model으로 브라우저에서 제공하는 객체이다. onload, open, alret, screen, location등이 있다. swiper 활용 isotope 활용 갤러리 아이디어 vanilla js slider Read More

자기 전에 문제 풀기 (근데 꽤 오래 생각함…) 3진법 뒤집기 문제 설명 자연수 n이 매개변수로 주어집니다. n을 3진법 상에서 앞뒤로 뒤집은 후, 이를 다시 10진법으로 표현한 수를 return 하도록 solution 함수를 완성해주세요. 제한사항 n은 1 이상 100,000,000 이하인 자연수입니다. 입출력 예 n result 45 7 125 229 입출력 예 설명 입출력 예 #1 답을 도출하는 과정은 다음과 ... Read More

인프런 강의 보면서 정리해두기 Data Type 기본형 Primitive Type : Number, String, Boolean, null, undefined, Symbol 참조형 Reference Type : Object(Array, Function, RegExp, Set/WeakSet, Map/WedkMap…) stack memory : 변수, 기본형 데이터, 정적 할당 heap memory : 참조형 데이터, 동적 할당 자바스크립트는 변수에 값을 할당 하면 메모리에 값을 바로 할당하는 것이 아니라 메모리의 주소값을 할당한... Read More

학원 수업 내용 Day7 오늘은 지난번에 만든 예제를 완성시키는 수업이었다. 먼저 flex로 만들었던 레이아웃에 js를 입히는 작업을 했다. flex layout 완성 레이아웃을 완성하기에 앞서 target과 currentTarget의 차이점을 먼저 배웠다. currentTarget : 이벤트 리스너가 지정된 요소 target : 실제 이벤트 발생 요소 추가적으로 연산자에 관한 정리도 다시 했다. 단항연산 : n++, n– 1개의 항을 대상으로 연산 수행 2항연산 : n + m 2개의 항을 대상으로 연산 수행 ... Read More

내가 쓰려고 정리해놓는 글.. 기본 명령어 원하는 경로로 이동 cd '폴더경로' sass 관련 설치 sudo npm install sass -g 기존 sass제거 sudo gem uninstall sass 실시간 컴파일 sass --watch scss/style.scss:css/style.css scss 폴더 내 style.scss을 css 폴더 내 style.css으로 자동 컴파일 시키겠다는 의미 실행 전 scss/style.scss가 있어야 하니 cd로 scss 폴더가 있는 경로로 이동해야함 gitHub 관련 깃 시작 git init 저장소 연결 gi... Read More

jekyll 블로그 기본 테마가 심심하게 생겨서 혼자 만들려다가 카테고리 리스트나 태그 등 기능적으로 부족한 부분이 많아서 그것까지 다 만들기에 시간이 너무 많이 허비될 것 같아 이미 훌륭하게 만들어져 있는 Yat 테마를 적용했다. 내가 원하는 카테고리 리스트, 태그 리스트 기능이 모두 들어가 있어 좋았는데 다만 카테고리 리스트 페이지와 태그 리스트 페이지 디자인이 똑같아서 너무 심심해 보였다. 그래서 태그 리스트 페이지를 수정해 보기로 했다. 나는 태그를 클라우드로 보여지게 하고, 태그를 클릭하면 해당 태그의 게시물 리스트를 출력하고 싶었다. 먼저 태그클라우드 적용을 위해 jQClo... Read More

저녁마다 틈틈이 본 인프런 온라인 강의인 생활코딩 - JS을 완강했다. 한 달 전, 자바스크립트를 처음 접한 렛츠기릿 자바스크립트의 119강 만큼이나 많은 102강 이었지만 영상 하나하나의 내용이 길지 않아 금방금방 들을 수 있었다. 원래 들었던 강의가 만들면서 배우는 강의였다면, 이 강의는 이론과 개념 위주의 강의였다. 보면서 기초 개념을 이해하기 좋았고, 정말 모르는 사람도 이해하기 쉽게 알려줘서 앞으로 더 알고 싶다는 흥미가 생겼다. 이 강의 전에 실전 자바스크립트도 봤는데, 두개 다 본다면 생활코딩 쪽을 먼저 보고 실전 자바스크립트를 보는 게 나을 것 같다. 둘다 크게 어렵지는 않... Read More

학원 수업 내용 Day6 드디어 오늘부터 JS를 시작했다. 실습보다는 이론 위주라서 정리된 내용이 많다. script 연결 방법 head 내 script를 적고 안에 스크립트 구문 작성 순서상 동작 안하는 경우 발생 body가 끝나는 부분에 작성 스크립트의 양이 많기 때문에 적합하지 않음 외부 파일에 연결 1번과 같은 단점 defer를 스크립트 속성으로 쓰는 외부 파일 연결 이 방법으로만 사용할것 변수 특정 데이터 값을 임시로 저장하는 공간 ... Read More

그동안 만든 파일들을 GitHub에 올려뒀는데, 언젠가부터 .DS_Store 등 이상한 파일들이 같이 올라가 있었다. 좀 신경쓰여서 찾아봤더니 .gitignore이라는 파일을 생성해서 그 안에 파일명을 입력하면 해당 파일은 올라가지 않는다고 한다. 그리고 난 쓸 줄 모르지… 하지만 gitignore.io라는 사이트에서 이 파일을 자동으로 생성해 준다고 한다. 인풋창에 OS, IDE 등을 입력하면 코드? 로 보이는 문자들이 쭉 나오고 .gitignore 파일에 갖다 붙여 넣으면 된다. 그런데 또 하나 문제가 있었다. 나는 이미 GitHub를 사용중이라 이미 불필요한 파일이 올라가있던 것이다... Read More

30개가 넘어가니 앞에 숫자 붙이기도 힘들다. 숫자 없이 올려야지. 그건 그렇고 왜 맥북으로 프로그래머스에서 타이핑 하려면 백스페이스, 화살표 키가 안먹힐까? 나만 이상한건지 검색해도 안나오고, 재부팅을 아무리 해도 카라비너를 지워봐도 안된다. 걍 포기… 최대공약수와 최소공배수 문제 설명 두 수를 입력받아 두 수의 최대공약수와 최소공배수를 반환하는 함수, solution을 완성해 보세요. 배열의 맨 앞에 최대공약수, 그다음 최소공배수를 넣어 반환하면 됩니다. 예를 들어 두 수 3, 12의 최대공약수는 3, 최소공배수는 12이므로 solution(3, 12)는 [3, 12]를 반환해야 합니다... Read More