Hello World!!

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

이틀동안 블로그 테마 바꿔서 리뉴얼 하느라 못풀었으니까 오늘은 많이 풀어야지. 23. 문자열 내림차순으로 배치하기 문제 설명 문자열 s에 나타나는 문자를 큰것부터 작은 순으로 정렬해 새로운 문자열을 리턴하는 함수, solution을 완성해주세요. s는 영문 대소문자로만 구성되어 있으며, 대문자는 소문자보다 작은 것으로 간주합니다. 제한 사항 str은 길이 1 이상인 문자열입니다. 입출력 예 s return “Zbcdefg” “gfedcbZ” function solution... Read More

학원 수업 내용 Day5 오늘 진짜 알차고 보람찼다! flex는 예습해서 어느정도 알고 있었지만, 자유시간이 주어져서 flex 이용해서 header부분만 만들었는데 반응형까지 하고싶어서 진짜 급하게 했다. 정신 날아가는 줄 알았다… 그리고 다양한 css 선택자를 배웠는데 유용하게 쓸 수 있을 것 같다. /* A+B : A 바로 뒤에 있는 B 선택 */ h2+ul{ color: blue; } /* A~B : A 뒤에 나오는 모든 연결된 B 선택 */ h2~ul{ color: blue; } /* 대괄호 : 해당 속성 선택 */ input[type='email']{ color: blue;... Read More

학원 수업 내용 Day4 그동안 독학으로 공부했던 내용들이 나와서 뭔가 심심한 느낌이었는데, 오늘 드디어 안해본걸 배웠다. 바로 sass. css만 써오다가 지킬 블로그 설치하면서 처음 봤는데, 제대로 배운건 처음이라 신선했다. 확실히 그냥 css로 작성하는 것 보다 훨씬 편하고, 상하위 관계가 한눈에 보여서 구조도 알기 쉬운 듯. 스타일을 미리 선언했다가 재사용도 가능하고 for문도 돌리고… 역시 안해본 걸 해보는게 제일 재밌다. sass 예제 1 링크 sass 예제 2 링크 3단 네비게이션 링크 기업형 레이아웃 css를 scs... Read More

오늘은 4개! 재밌어서 더 풀고 싶지만 인프런 봐야해서 4개만.. 19. 수박수박수박수박수박수? 문제 설명 길이가 n이고, “수박수박수박수….”와 같은 패턴을 유지하는 문자열을 리턴하는 함수, solution을 완성하세요. 예를들어 n이 4이면 “수박수박”을 리턴하고 3이라면 “수박수”를 리턴하면 됩니다. 제한 조건 n은 길이 10,000이하인 자연수입니다. 입출력 예 n return 3 “수박수” 4 “수박수박” ... Read More

학원 수업 내용 Day3 가상 요소 선택자 ::before과 ::after를 활용한 예제와 기업형 레이아웃을 제작했다. 블로그가 오징어로 보인다. 블로그 디자인을 바꿔야겠다. js를 활용할 날이 다가오고 있다. 기대기대! hover 예제 링크 기업형 레이아웃 예제 링크 Read More