회복맨 블로그

javascript2015. 3. 8. 01:34

다음의 코드를 예측해보자. 1번alert('52 + 273');2번alert(52 + 273);3번alert('52' + 273);4번alert(52 + '273');5번alert('52' + '273');............따옴표 '' 또는 쌍따옴표 "" 안의 내용들은 '문자' 형태로 인식한다.따라서 2번을 제외한 나머지 답은 '52 + 273' 이 출력이 될것이다.2번은 숫자와 숫자를 더한것으로 325 가 출력이 되는걸 확인할수 있다. 그럼 아래의 퀴즈도 한번 풀어보자. 1번alert('52 * 273');2번alert(52 * 273);3번alert('52' * 273);4번alert(52 * '273');5번alert('52' * '273');............덧셈 연산자가 곱셈 연산자로 바..

javascript2015. 3. 8. 01:22

cofirm 함수는 불리언을 입력 받을때 사용하는 함수이다.//boolean : 참(true), 거짓(false) 을 나타내는 자바스크립트의 6가지 자료형 중 하나..// 자바스크립트의 자료형 : String(문자), Number(숫자), Boolean(참거짓), function(){} (함수), object(객체), undefined(선언되지 않거나 할당되지 않은 변수) 먼저 변수 input 을 선언하고 confirm 함수를 써서 값을 초기화 하였다.대입 공식인 = 는 우변의 값을 좌변으로 대입하라 라는 뜻..고로 현재 변수인 input 에는 confirm 이라는 함수가 들어있다.이 문서를 브라우저에서 보게 된다면 이러한 경고창을 확인할 수 있다.여기서 확인버튼을 누르면 보이는 대로 true 값을 리턴..

javascript2015. 3. 4. 22:54

식별자 : 자바스크립트에서 이름을 붙일때 사용하는 단어. 구분 단독으로사용 다른 식별자와 함께 사용 식별자 뒤에 괄호가 없을때 변수 속성 식별자 뒤에 괄호가 있을때함수 메서드 alert('javascript') -> 함수Array.length -> 속성input -> 변수prompt("Message","Defstr") -> 함수Math.PI -> 속성Math.abs(-273) -> 메서드 본격적으로 공부하기 전에 외워두자.아니 이미 본격적으로 공부 하고 있으리라 믿는다.앞으로도 쓰일것이고, 내가 짠 코드가 아닌 다른사람이 짠 코드라도 감이라도 잡을 수 있게..

일상..2015. 3. 3. 00:31

블로그를 시작하게 된 계기에 대해 글을 써본다. 원래 내가 글 솜씨가 좋은편이 아니고 글 쓰는걸 좋아라 하는편도 아니였지만 하지만 내가 언젠가 꾸준히 해야할 것을 잃고 있을때 이 글을 썼던 첫 마음을 돌이켜 보고자 한다. 왜 내가 블로그를 운영하는지 지금까지 뭘 하고 있었는지 말야 블로그를 시작했던 계기는 솔직히 이 글을 쓰고 있는 지금도 확실하게는 모르겠다. 퍼블리셔 or 프론트엔드개발자 의 포트폴리오를 위해서? 아니다. 이런 이유는 그냥 주변 지인에게 그냥 아무것도 안하고 있었던 내 모습을 숨기기 바빠서 둘러댔던 변명에 불과했다. 그럼 하겠다고 말을 꺼냈으니 우스운 꼴을 보이기 싫어서? 이건 진짜 더더욱 아니다. 근데 변명이라 적은 글을 보면 참 웃기지도 않는다. 아니라니.. 음... 내가 지금 이 ..

에디터/서브라임 텍스트(SublimeText)2015. 3. 2. 17:57

코딩을 하기전에 Part7. 까지 잘 따라 와주셨을 꺼라 믿어요!물론. 파트 7 까지는 패키지에 대해 설치만 한거라 프로그래밍을 하려는 준비 를 했다고 생각하시면 될꺼예요. 패키지 설치가 완료가 되면 적용을 위해 서브라임을 종료후 재실행 하시거나안되셨다면 PC를 부팅 후 실행하시면 적용이 됐을꺼예요. Part8. 부터는 기초셋팅 및 emmet의 사용법에 대해 포스팅 하겠습니다.방문해 주셔서 감사합니다!

에디터/서브라임 텍스트(SublimeText)2015. 3. 2. 17:47

가급적 서브라임의 패키지를 설치하고 난 후엔 작업중인 문서를 저장후 문서를 닫아주고 프로그램을 종료후 다시 실행시켜 주시기 바랍니다. 이번 패키지의 경우엔작업물을 브라우저로 확인하는 패키지에 대해 소개한다.사실 작은것 하나가 굉장히 귀찮아서 그렇다 ㅠㅠ;;코드를 입력하고오른쪽클릭해서 브라우저로 보는거란...정말... 으으..이해를 돕기위해 스샷을 첨부한다. 바로 이 작업을 단축키가 없이 마우스 로만 해야한다...단축키가 없다...그게 너무 귀찮을 뿐이였다패키지 인스톨 에서바로 sidebar 을 입력하고 엔터! 그러면저 귀찮은 위의 과정을 생략해도 된다.그리고코드를 쓰고 저장한 후에 F12버튼을 눌러보도록 하자. 맥의 경우엔 fn + F12 키를 눌러야 합니다!오... 신세경... ㅋ 혹시 F12 버튼으로..

에디터/서브라임 텍스트(SublimeText)2015. 3. 2. 17:36

가급적 서브라임의 패키지를 설치하고 난 후엔 작업중인 문서를 저장후 문서를 닫아주고 프로그램을 종료후 다시 실행시켜 주시기 바랍니다. 이 패키지는 코드의 시작과 끝을 알기쉽게 확인하는 패키지 이다.비록 서브라임텍스트에서 태그의 시작과 끝에 가는 선으로 표시를 하지만그래도 알아보기 쉽지 않을 수도 있다.아래 스샷을 보도록 하자.코드가 짧아서 눈으로 봐도 알아보기야 하겠지만코드가 길다면?눈이 당연 피로해질것이다.이 패키지는 범위를 확인하고자 하는 태그에 클릭을 해주면시작 부분과 종료 부분의 태그를 표시해준다.스샷을 확인해 보자. ul 태그를 클릭한 모습이다.이 패키지를 설치하면 이렇게 알기 쉽게 표시해준다.설치해 보자.

에디터/서브라임 텍스트(SublimeText)2015. 3. 2. 17:21

가급적 서브라임의 패키지를 설치하고 난 후엔 작업중인 문서를 저장후 문서를 닫아주고 프로그램을 종료후 다시 실행시켜 주시기 바랍니다. 이 패키지는 코딩을 난잡하게 한 분들이라면반드시 필요할(?) 수도 있는 패키지 이다. 필자는 잘 사용을 안하지만 필수 패키지라고 생각하는 이유는 아래 스샷을 확인하기 바란다..... 딱 봐도 소름이 돋는다...이렇게 정리가 안된 코드들은 프로그래밍을 하는 사람이라면 소름이 끼칠것이다.이렇게 답없는 코드들을 이렇게 정리시켜주는 패키지 이다. 말이 필요한가?예쁘다. 코드들이 사랑스럽게 보일 정도로..이렇게 단축키 한방에 정리정돈을 시켜주는 패키지 이다.설치해보자!이번 설치는 어떤것 하나를 더 설치 하여야 한다.! 바로 Node.js 이다.http://www.nodejs.org..

에디터/서브라임 텍스트(SublimeText)2015. 3. 2. 17:08

가급적 서브라임의 패키지를 설치하고 난 후엔 작업중인 문서를 저장후 문서를 닫아주고 프로그램을 종료후 다시 실행시켜 주시기 바랍니다. html, css 를 편하게 코드할수 있게 도와주는 패키지 이다.이 패키지는 태그의 어떤 요소의 이름만 입력하고 tab을 누를경우 시작과 종료태그가 자동으로 생성되거나예 : p 입력후 Tab키 => css의 속성명의 몇글자만 입력후 탭을 눌러주면 된다.예 : p 입력후 Tab키 => padding:;emmet의 기능은 따로 글을 게시할 예정이다.여기선 그 편한 기능을 사용하는 설치 위주로 진행. 일단!빈번하게 쓰이는 패키지 설치의 단축키는ctrl + shift + p -> install 입력외워두도록 하자 패키지 설치가 끝났다. 앞서 말했지만 emmet의 편한 기능의 사용..

에디터/서브라임 텍스트(SublimeText)2015. 3. 2. 16:54

가급적 서브라임의 패키지를 설치하고 난 후엔 작업중인 문서를 저장후 문서를 닫아주고 프로그램을 종료후 다시 실행시켜 주시기 바랍니다. 눈치챈 분들도 계시겠지만.서브라임텍스트에 한글을 쓰면 뭔가 한박자 이상하다는걸 느낄것이다.위 패키지는 애플의 Mac 사용자 분들에게는 해당이 안되고Window OS를 쓰는 사용자만 이런 환경을 접하게 되니 Mac을 쓰는 이용자는 안봐도 된다.하지만. 패키지 설치하는 방법은 언제나 같으므로 한번 보는게 좋을지도... *****ime 를 입력하지 않더라도!여기까지의 작업은 앞으로 패키지를 설치할때 빈번하게 쓰일것이다.단축키를 외워두자!Ctrl + Shift + P -> install 입력***** 설치가 완료되면 테스트겸 한번 한글을 입력해보자!!