웹퍼블리셔 13

회사를 옮기자!!! - 이직기2

이직기 1에 이어서... 이 때 패스트캠퍼스를 다닐 때여서 시간이 부족했지만 1차 면접까지 남은 이틀 동안 내가 할 수 있는 최대한 열심히 프리테스트를 준비했다. 프론트개발 스터디를 통해 알게 된 스터디장님을 통해서 N사는 마크업 끝판왕이라는 이야기를 듣고 html과 css 면접 예상질문을 뽑아 답을 적고 공부를 했다. 면접은 곧 공부라고 하던데 면접을 준비하면서 내가 이렇게 기초가 부족한 사람인가라는 생각을 하게 되었다. 1년 넘게 회사다니면서 일을 막 했구나라는 후회가... 면접 시간이 오후였기 때문에 면접 전날 새벽까지 공부 또 공부 1차 면접면접 당일.아침에 일어나 회사에 전화해 몸살이 나서 출근하기 어려울 것 같다고 이야기를 했다...(거짓말이 아니면 휴가를 쓸 수 없는 곳ㅠ)맥북을 가방에 집어..

주절거림 2019.02.04

회사를 옮기자!!! - 이직기1

퍼블리셔 일을 처음 시작하게 해준 회사에서 1년 넘게 다니다보니 그 전에는 눈에 보이지 않던 것들이 보이기 시작했다스터디를 다니면서 듣게 되는 이야기와 많은 개발 블로그들을 보면서 알게 되는 내용들이 어느 순간 내가 회사를 바라보는 시선을 바꿔버렸다. 그 외에도 회사의 수익모델이나 존재하지 않는 복지, 직원들을 대하는 임원들의 태도를 보면서 매우 심각하게 이직을 고민하게 되었다. 좋아진다는 보장이 없었다. 점점 더 최악으로 달려갈뿐...ㅎㅎ 아무리 이야기해도 나아질 기미가 없으니 내가 나갈 수 밖에! 그 날 부터 사람인, 잡코리아, 잡플래닛 취업 3대장 어플이랑 원티드를 설치하고 매일 아침마다 취업공고를 확인했다. 그만둬야지 하고 공고를 많이 찾아보았지만 실제 지원은 이직하겠다고 생각한지 3달정도 지나서..

주절거림 2019.02.04

2018년 돌아보기 - 회고, 2019년을 준비하기

간략하게 2018년 회고하기 웹 퍼블리셔라는 일을 시작한지 1년 반이 지났다. 2018년을 보내며 했던 것, 느낀 것, 그리고 앞으로 해야할 것들을 간략하게 회고해본다 ## 일, 그리고 공부초급 프론트엔드 스터디를 2회 이어서 참여하였고, 패스트캠퍼스를 다니며 8주간의 자바스크립트 부트캠프를 완강!스터디와 패캠 모두 한회도 빠지지 않고 참석했지만 참석만한다고 실력이 상승하는게 아니라는걸 알게되었다. 😭제이쿼리가 아닌 자바스크립트를 이용하는 것에 대한 두려움을 많이 없앤 해였다. 무조건 제이쿼리를 쓰는 것이 아니라 쓰기 전 자바스크립트를 사용해볼 수 있지 않을까라고 생각을 하게 되었다. 구글링을 통해 알게 된 프론트엔드 개발, 퍼블리셔 면접글을 보면서 나의 부족함을 많이 깨닫게 되었다. 과연 그동안의 경력..

주절거림 2018.12.31

181105 - TIL

주제: 자바스크립트 강의: 자바스크립트 부트캠프 날짜: 2018.11.05 강의자: 김민태님 prompt(), alert() - 함수, 모양을 보아도 함수. ()호출하고 있다. window.prompt() -> window객체에 있는 prompt메소드 window는 가장 상위에 있는 전역객체이기 때문에 생략이 가능. prompt의 반환값은 모두 문자열. 숫자입력도 문자열로 리턴한다. 내가 무엇인가를 만드려고 할 때 그림으로 그려보자(최대한 단순하게 그림으로 도식화하기) 문제가 여러개가 있고 사용자가 답을 입력하는 프로그램 만들기 문제1) 문제가 여러개다. -> 배열, 객체 여러개지만 문제에 각 이름은 필요없다 -> 배열(문제데이터) 답도 여러개다. -> 배열(정답데이터) 문제가 여러개가 들어있다. 문제를..

181031 - TIL

주제:자바스크립트 강의: 자바스크립트 부트캠프 날짜: 2018.10.31 강의자: 김민태님 ## 실행과 실행 흐름의 개념이해 문 - 값이 아닌것, 분기점을 만드는 것. 값은 바꿀수 없다. 10은 10일뿐 11이 아니다. A도 A일뿐 B가 아니다. 값자체는 바꿀수 없지만 값을 담은 상자(변수)에는 값을 넣었다 뺐다 하면서 비교한다. 마치 값이 바뀐것'처럼', 값은 상태라고 할 수 없다. 상태는 변할 수 있지만 값은 변할 수 없는 것이기 때문에. 상자(변수)가 생기면서 상태라는 것이 생김. age = age + 1; // 대입문, 값 =(문) 값(식) 제어문 / if문 - 참과 거짓이 나옴 ## 반복과 반복문 반복문 while - 원하는 상태동안. 참,거짓이 필요하다. 조건에 따라 한번도 실행 안할수도 있다..

javascript30 - keyboard drum kit

자바스크립트30(https://JavaScript30.com) - day1 을 만들면서 알게 된 내용들 -코드는 깃헙에 올려놓았고 JavaScript30 의 내용을 fork한 후 각 DAY폴더에 mywork.html을 만들어 작업하고 있다(start.html, finished.html은 손대지 않기!!!) ##currentTime; The HTMLMediaElement.currentTime property gives the current playback time in seconds. Setting this value seeks the media to the new time. 모질라에서 제공하는 docs에는 위처럼 설명이 나와있다. 짧은 영어로 이해한 내용을 정리하면, 'currentTime을 사용해서 시..

아이콘이 있는 버튼만들기

아이콘이 있는 버튼을 만드는 경우가 많다 하지만 만들때마다 아이콘을 이미지태그로 넣는 경우도 있고 버튼의 배경처리를 한다음 text-indent를 이용하기도 하는데 만들다보니 규칙도 없고 버튼 속 텍스트의 길이가 바뀌거나 버튼의 width가 넓어질때 등등 유연하게 대응하지 못할 경우가 많았다 그래서 두가지 종류의 버튼을 다시 만들어 보았다 흰색 버튼은 버튼의 width가 고정되어있고 글자가 길어져서 버튼의 텍스트가 떨어지더라도 아이콘이 항상 가운데에 위치할 수 있도록 만든 것이다 보라색 버튼은 최소 width가 있는 상태에서 글자 텍스트가 길어지거나 width가 100%가 되더라도 아이콘이 항상 텍스트 옆에 붙어있는 상태로 만들어졌다 이미지처럼 흰색 버튼의 텍스트는 버튼의 width가 정해져있어 텍스트가..

웹공부/css 2018.09.19

요즘 듣고 있는 강의

인프런을 열심히 듣다가 벨로퍼트님의 리액트 초급 강의를 끝으로 잠깐 쉬었다.바쁨에 극심한 더위로 인해 퇴근하고 집에 오면 아무것도 할 수 없었다(에어컨만 있고 설치를 안해서 올 여름을 선풍기로 버텼다ㅠㅠ) 극심한 무더위에 무기력증까지 더해져 인강을 한동안 듣지 않다가 날씨가 선선해지면서 다시 인강을 듣기 시작했다 현재 듣고 있는 강의는 두개!내가 듣고싶은 코드스쿼드의 강의가 있길래 냉큼 듣고 있다 #### 정호영님의 깃과 깃헙강의 회사에서 소스트리를 사용하고 있는데 정말 커밋, 풀, 푸시, 머지, 브랜치 생성 다 할 수 있지만정확히 모른 상태에서 '일을 위해' 배운 거라 정확한 깃 사용법을 익히기 위해 듣고 있다소스트리같은 gui툴이 아닌 cli 방식으로도 사용해 보고싶지만 우선 소스트리로 익숙해 진다음..

주절거림 2018.09.06

css position 알아보기

최근 작업을 하다가 position sticky라는 새로운 속성을 알게되었다position은 4가지만 있는줄 알았는데 아직 모르는 속성이 있었다니!그래서 정리해보는 position 속성 우선 position에는 총 5가지가 있다. static, relative, absolute, sticky 그리고 static을 제외한 4가지 속성은 각각 top, left, bottom, right를 사용하여 위치를 지정할 수 있다 #### position : static static 요소는 position속성을 지정하지 않은 기본적인 속성이다 1234567891011121314151617181920 div{ padding:10px; width: 500px; text-align: center; box-sizing: bo..

웹공부/css 2018.08.18