.log('FE')

이 글은 저처럼 비전공자 이지만 IT로의 취업준비를 위해 그리고 가산점을 위해 정보처리 자격증 시험을 준비하시는 분들을 위해 도움이 될까 해서 적어보는 글입니다. 단도직입적으로 개인적인 생각을 적어보자면 자격증자체가 취업의 당락을 좌우하는 키포인트는 아니라는것입니다. 실기가 보기의 답을 고르는것이 아닌 필답형태로 바뀌어서 난이도가 올라간 부분은 있지만 그래도 이 자격증 시험으로 취업의 변별력을 얻지않는다는건 모두 잘 아는 부분일거라고 생각합니다. 그래도 저는 이 자격증을 준비하는 이유는 적어도 최소한 이정도 자격증은있고 여기에 나오는 알고리즘이나 데이터 베이스정도의 지식은 당연히 알고 있어야 하지 않나 하는 생각에 준비하고 있습니다. 필기는 산업기사/기사 둘다 합격한 상태이고 다음주면 실기시험도 보러가게..

주말 토요일에 메드포갈릭에서 점심을 먹었다. KT에서 이번달동안하는 더블할인행사 덕분에 40% 할인된 가격으로 먹을수 있었기에 부담없이 먹으러갔다. 이번달만 한시적으로 하는 행사이고 한달에 더블할인은 한번만 받을 수 있다. 할인된 금액만큼 보유하고있는 포인트에서 차감된다. 주문은 피자와 파스타 그리고 스테이크를 하나씩 주문하였다. 갈릭스노윙피자, 크랩&랍스터파스타, 갈릭스테이크 를 주문했다. 마늘향이 강한편인긴한데 정말 파스타소스며 맛있는 마늘맛이었어서 배부르게먹고 피자가 조금 남아서 포장을 해왔다. 거의 9만원넘게 나왔었는데 실제 결제는 5만원선에서 나왔던것같다. KT통신사는 다른걸 떠나서 이런 더블할인 마케팅이 참 좋은것같다. 이외에도 베스킨라빈스, 뚜레쥬르등 매달 더블할인이 되는곳도 있다. code..

이제 자격증시험까지 얼마 남지 않아서 작업물 포스팅에는 조금 딜레이가 생길것같다. 암기해야할게 너무 많은데 외워지지도 않고....60점만 넘으면 되는데 그래서 오늘은 슬라이드 버튼부분 조금 손본거랑 돋보기 아이콘 클릭시 검색창이 뜨는 기능을 추가하였다. Slide Script let prev = document.querySelector('.arrow-left'); let next = document.querySelector('.arrow-right'); let slideList = document.querySelectorAll('.test'); var count = 0; next.addEventListener('click', nextSlide ); function nextSlide() { if(count..

1. 생활코딩 https://opentutorials.org/course/1 웹 입문자들에게 필수코스로 자리매김한 생활코딩 짧게 구성된 영상, 쉬운설명, 최신 트랜드까지 반영되며 꾸준한 업데이트가 되어지고있는 사이트 모든 강좌 이용이 무료 2. 인프런 https://www.inflearn.com/ 개인적으론 참 좋아하는 사이트이다. 유/무료가 혼합되어있지만 비싼 가격도 아니고 동영상 역시 생활코딩의 영향이 들었는지는몰라도 짧은분량으로 나뉘어져서 강의가 진행된다. 3. T아카데미 https://tacademy.sktechx.com/live/player/listOnline.action 다양항 언어에 대한 강의 수강이 가능하다. 아직 여기강의는 한번도 안들어봤지만 구성이나 모바일에서도 강의시청이 가능하고 역시..

인프런메인페이지 구조짜기에서 html 과 css 는 얼추 마무리되었고, 이제 javascript 를 적용해볼 차례다. 우선 상단 배너안에있는 Carousel 을 움직이도록 해보려고 한다. 바로 이부분이다. 하나만 제대로 완성해 놓으면 하단의 다른 슬라이드에도 함께 적용이 가능하다. 우선 생각나는대로 짜보고 수정과 리팩토링을 거치면서 동작되는걸 확인해 보려고 한다. html 에서의 변화는 기존 li 구성이 4개에서 슬라이드를 확인할 수 있도록 6개로 늘려주었고 css 에서는 ul 의 범위를 넘어가면 가리는 속성추가와 높이값 추가 그리고 부드러운 움직임을위해 transition 속성을 추가하였다. .slide-area ul{ width:340px; height:65px; overflow: hidden; ma..

성시경&윤종신 STARPACK CONCERT 콘서트를 보고왔다. 초대권으로 장미여관의 콘서트 이후로 보는 두번째 콘서트이다. 이번엔 성시경과 윤종신 가을이 오는 지금 딱 좋은 콘서트였지 싶다. 둘다 좋아하는 가수이기도했고 나이가먹을수록 시끄러운것보단 조용함을 선호했기에 나에게도 딱 맞춤이었다. 오전에 오프라인 자바스크립트강좌를 강남에서 듣고 => 올림픽공원 으로 넘어갔다. 음 이때부터 고통의 시작이었다. 일단 노트북이 든 가방은 너무 무거웠고 이동하는 1시간동안 서서 이동할수밖에 없었다. 설상가상 지하철에있는 물품보관함의 숫자는 터무니없이 적었고 이미 꽉 차 있었다. 결국 공연까지 5시간이 남았고 그동안 이 무거운 가방을 계속 들고 다녀야 했다. 시간도 많이 남고 할것도없어 3년전에 도저히 못찾아서 실패..

인프런 메인페이지 구조짜기의 css 과정중 마지막 과정인 footer 부분까지 완성하였다. CSS /* footer */ footer { width:100%; } .f-container, .footer-bottom { border-top:1px solid #cccccc; padding-top:30px; margin-top:20px; } .f-layout { max-width: 1170px; margin:auto; } .f-layout.upper { height:150px; } .f-box { width:33%; float:left; box-sizing: border-box; padding:0 2%; } .f-purpose { font-size:1.1rem; line-height:160%; } .f-pur..

자격증 시험공부와 동영상강의 그리고 오프라인 강의수강을 병행하다보니 메인페이지 하나 짜는데 너무 기간이 오래 걸리는것같아서 좀 빠르게 진행하고 원래 목적인 javascript 를 적용하는걸 진행해야겠다는 생각이 들었다. 그래서 오늘은 contents 부분을 css로 디자인을 입혀보았다. 상당히 단순한구조라 강의박스 하나만 잡아주면 나머지는 자동으로 잡힌다. 아이콘들은 https://fontawesome.com/ 에서 cdn 을 이용하여 적용하였다. CSS /* contents */ .contents-area { width:100%; } .contents-area .contents { max-width: 1170px; margin:0 auto; } .quick-banner { height:159px; ma..

- 정보처리기사 / 산업기사 실기 알고리즘 수학 부분 문제풀이 - 인프런의 메인페이지를 본따 작업물 진행중 css 코딩중 - 현재 다니고 있는 교회의 홈페이지가 너무 오래되보여 리뉴얼을 하려고함 - 게시판위주의 자료 업로드 홈페이지라서 그누보드를 활용할 예정

뼈대를 다 만들었으니 이제 디자인을 입히려고 한다. CSS 요소나 태그명들이 인프런과 다를 수 있다. 반응형이나 기타 다른 부분은 제외하고 전체창일떄 보여지는 화면을 css 로 짜려고 한다. CSS /* 초기화 */ * { margin:0; padding:0; } html, body { height:100%; font-size:100%; color:#515151; } li { list-style: none; } a { text-decoration:none; color:#515151; } .hidden { height:0; width:0; visibility: hidden; } .clear::before { content:''; display:block; clear: both; } /* header */ ..