기록 :-)

객체(object)란 ? 생활 속에서 우리가 인식 가능한 사물을 뜻한다. object는 property를 가진 데이터를 저장해주는데 여기서 property는 값이라고 생각하면 된다. const myProfile = { name: "yeon", color: "blue", food: "sushi" }; 한마디로 객체는 이름(name)과 값(value)으로 구성된 프로퍼티(property)의 정렬되지 않은 집합 !! console.log(myProfile); //{ name:'yeon', color: 'blue', food: 'sushi'} 원하는 부분만 출력을 원할 시에는 밑의 코드와 같이 적으면 된다. console.log(myProfile.name); // yeon console.log(myProfile..

배열 선언하는 방법 cosnt number = ["one","two", "three"]; 배열 출력하기 console.log(number); // ["one", "two", "three"] 배열에 요소 추가하기 number.push("four"); push로 요소를 추가하고 나서 다시 출력하면 four까지 추가된걸 확인할 수 있다. console.log(number); // ["one", "two", "three","four"] 원하는 요소만 출력하고싶을때는 대괄호안에 순서를 넣은 후 출력하면 된다 console.log(number[0]); // "one"출력 console.log(number[3]); // "four" 출력 이러한 방식으로 요소를 수정할 수도 있다 number[0] ="원"; conso..

$ pwd /c/Users/SY git bash에 들어가서 pwd를 입력하면 현재 파일 위치를 파악가능하다. cd /n/nn/nnn cd를 통해서 원하는 위치로 이동해준다. n은 파일명 ! $ git config --global user.name [github 이름 ] $ git config --global user.email [github 이메일] 이름과 이메일을 입력하고 $ git init git init을 입력하면 폴더안에 .git이라는 폴더가 생성된걸 확인 할 수 있다 $ git add . $ git commit -m "커밋메시지입력" 들어갈 메세지를 입력해준다. $ git push -u origin master origin은 Repository로 이동 후 , HTTPS의 url의 값을 복사해서 ..

어떤것부터 다시 공부를 할지, 뭘 만들지 고민하던 와중에 노마드 코더의 클론코딩으로 크롬 만들기를 발견하였다. 근데 더 자세히보니 2주 완성 챌린지가 있길래 얼른 신청하였다. 다시 시작한거 처음부터 빡세게하는게 나을거같다는 내 판단이다 졸업하는게 은근 어렵다는데,,, 졸작까지 잘 만들어서 무사히 수료 후에 티스토리에 후기써야지 ! 일주일뒤인 6월 6일부터 시작하니까 그전에 예습많이 해둬야지 ✨

다시 공부하려고 정리하는 뒤죽박죽 css 기초 개념 text-decoration-line none : 꾸밈 없음 underline : 텍스트 아래 밑줄 overline : 텍스트 위에 줄 line-through : 텍스트 중간 선 text-decoration-color 라인의 색 text-decoration-style 선의 모양 solid: 굵은 선 wavy : 물결모양 dotted : 점선 dashed: 짧은 막대선 double: 이중선 font 크기 font-weight: normal; 과 font-weight: 400; 과 같고 font-weight: bold; 과 font-weight: 700;은 같음 굵기는 100 ~ 900 까지 있음 ( 100 단위 ) 폰트에 따라 지원되는 크기는 다름 div..

문자열 객체를 생성하는 방법 문자열 객체는 new키워드와 String()메서드를 이용하여 생성한다. let t = new String("hello javascript"); 1. charAt(index) 문자열에서 인덱스 번호에 해당하는 문자를 반환한다. let t = "Hello Thank you good luck to you"; document.write(t.charAt(16)); // 인덱스 16에 저장된 문자를 불러오기때문에 g를 반환하게 된다. 2. indexOf("찾을 문자") 왼쪽부터 찾을 문자와 일치하는 문자를 찾아 제일 먼저 일치하는 문자의 인덱스 번호를 반환한다. let t = "Hello Thank you good luck to you"; document.write(t.indexOf("..

[1]에 이어서 github.io 블로그 만들기 시작 ! 원래는 다운받은 테마를 약간만 수정해서 내 사이트를 만드려고 했는데 처음부터 끝까지 직접 만들어보고 싶은 욕심이 생겨서 다시 시작하기로 했다 :-) 원래 존재하던걸 삭제 후 다시 Repository 생성 ! (새로운 마음으로 해야지,,) git clone HTTPS 주소 복사 후 git clone 주소 를 입력해서 복사해주기 ! index.html을 추가했다. 가볍게 구성한 틀을 적어봤다. 잘 되는지 확인 완료 ! css, js를 이용해서 계속 꾸며야지 :-)

정말 오랜만에 쓰는 티스토리 글이다. 베스킨라빈스 모바일 웹을 만든 후로도 열심히 학원 수업을 들으면서 살아왔다 ( 7월부터 12월까지 프론트엔드 & 백엔드 과정을 배우고 있다 ) 학원 과제와 일정에 치여서 꾸준히 올리지 못했지만 지금부터라도 다시 성실하게 기록해야지 ! 학원이 종강을 얼마 앞두지않아서 슬슬 포트폴리오 사이트를 고민하다가 github.io를 알게 되었고 이걸 통해 포트폴리오 웹 사이트를 만들기로 했다 0. GitHub 로그인 하기 1. 지킬 테마에서 원하는 테마 고르기 http://jekyllthemes.org/ 에 접속 후 , 원하는 테마를 고르면 된다. 난 고민끝에 이 테마를 골랐고 여기서 Homepage 버튼을 누르면 github로 이동을 한다. 2. Fork 클릭 복제를 하기 위해..

5,6월부터 웹 개발공부를 조금씩 해 나갔지만 다른사람들과 힘을 합쳐 만들어본 경험은 처음이다. 어떻게 보면 첫 프로젝트이자 포트폴리오라 할 수 있지만 (내가 한 부분은) html/css 밖에 안들어갔고 아직은 많이 부족해서 조금 민망하다.. js는 swiper만 조금 들어갔다 ,,^^,,,, node.js를 이용해 서버에 올리는거까지 해야 최종 마무리지만 아직 미숙한 실력탓에 도움이 별로 못 되었다. 내 첫 프로젝트는 서버에 대해서도 정말 많이 공부해야겠다고 다짐하게 만들어줬다 ..! 왼쪽이 내가 만든거고 오른쪽이 실제 베라 웹 모바일 버전이다. 메인 페이지를 제외하고 추가로 기능이 들어가있는 페이지 3,4개를 더 만드는게 목표였기때문에 메인페이지, 로그인, 회원가입, 사이드메뉴, 메뉴 소개 사이트를 ..

자바스크립트에서의 변수 선언 방식은 var, let, const가 있다. 예전에는 변수를 선언할때 var만 사용했다면 2015년에 출시된 ES6부터는 let, const가 추가되었고 . var보다는 let, const를 사용하는 것을 권장한다. 오늘은 이 셋의 차이점에 대해서 공부해볼 것이다 🔥 ES란 ? ECMAscript의 약자로 ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어를 말한다. 한마디로 자바스크립트를 표준화하기 위해서 만들어졌다. 이 셋의 차이점을 알기 위해서는 먼저 scope에 대해서 알아야한다. scope -> 해당 코드가 사용 될 수 있는 범위를 나타내는 말 -전역 스코프 코드의 가장 바깥 영역에 존재하며 코드 어디에서든지 참조 가능하다. - 지역 스..