post-thumbnail

TIL_38_with Wecode 028 html, css, javascript 인스타그램 클론-2

인스타그램 클론 두 번째. 메인페이지에 대한 기록을 해보겠다. div 태그를 남발하고 싶지 않았는데 묶어줄 건 묶어줘야 정렬을 해줄 수가 있어서.. 일단 이게 나의 최선이다ㅠ 레이아웃 잡는건 조금 귀찮고 번거로울 순 있지만 그래도 시간만 주어진다면 어떻게든 해낼 수

2021년 3월 3일
·
0개의 댓글
post-thumbnail

TIL_36_with Wecode 026 javascript about object

객체의 키를 변수로 접근키 하나를 생성하고, 그 키에 값을 할당해주려고 할 때, 키와 값을 변수를 통해 받아오려면?verb 의 값을 키로 사용해야 하고, project의 값을 그 키의 값으로 사용한다고 할 때,위와 같이 할당이 가능하다.information 객체 안에

2021년 2월 28일
·
0개의 댓글
post-thumbnail

TIL_35_with Wecode 025 javascript about array methods

array의 반복문으로 사용하는 map 과 forEach 메소드에 대하여.Array.map() 이란?map 메소드는 배열을 반복해주는데 callback 함수에서 return한 값으로 각각의 요소 하나하나를 수정해준다. 결과는 1, 4, 9;const squares =

2021년 2월 28일
·
0개의 댓글
post-thumbnail

TIL_34_with Wecode 024 javascript 중간 시험

어제는 2주차 금요일이라서 중간시험을 보았다. 각 질문과 나의 코드를 살펴보는 시간을.. 가져보겠다..짝수인지 판별하는 함수 isEven을 작성 주세요.console.log(13); //"짝수가 아닙니다."console.log(10); //"짝수 입니다." 란 결과가

2021년 2월 27일
·
0개의 댓글
post-thumbnail

TIL_32_with Wecode 022 html, css, javascript 인스타그램 클론-1

위코드 2주차 자바스크립트 레플릿을 마치고 주어진 과제. 인스타그램 클론 코딩하기. 자바스크립트를 온전히 이해하지 못한 채 조바심이 가득한 상태로 시작,, 정리할게 너무 많은데 우선 틈이 날 때마다 조금씩 벨로깅을 해보려고 한다. 일단 코드부터 봐보자.로그인 페이지를

2021년 2월 25일
·
0개의 댓글
post-thumbnail

TIL_31_with Wecode 021 JavaScript about [es6] template literals, string method

🤴 template literals ES6 에서 추가된 문법에서 편한 것 중 하나가 template literal 입니다. 원래 string을 작성할 때 따옴표를 사용했었지만, 이제 **으로도 string을 감쌀 수 있습니다. 그리고 back tick 으로 감싸

2021년 2월 23일
·
0개의 댓글
post-thumbnail

TIL_30_with Wecode 020 JavaScript about [es6] arrow function

🎅 ES6 = ECMA Script 2015ES는 ECMA Script의 줄임말입니다. ECMA Script는 JavaScript를 표준화 시키려고 탄생했습니다.(ECMAScript (or ES) is a scripting-language specification s

2021년 2월 23일
·
0개의 댓글
post-thumbnail

TIL_29_with Wecode 019 JavaScript about Object

👧 Object (2)객체는 다른 데이터 타입(텍스트, 숫자, 배열 등..)처럼 변수에 저장할 수 있습니다. {} 만 사용하면 되는데요, 이렇게 {} 으로 생긴 모양의 객체를 object literal(객체 리터럴) 이라고 부릅니다.hello라는 변수에 빈 객체를 할

2021년 2월 23일
·
0개의 댓글
post-thumbnail

TIL_28_with Wecode 018 JavaScript about Class

🦨 class클래스는 객체지향 프로그래밍의 핵심입니다.객체지향 프로그래밍이란, 프로그램을 객체들로 구성하고,객체들 간에 서로 상호작용하도록 작성하는 방법입니다.클래스는 { num: 1 } 처럼 생긴 객체(object)를 잘 설계하기 위한 틀은 맞습니다.그런데 이 때의

2021년 2월 23일
·
0개의 댓글
post-thumbnail

TIL_27_with Wecode 017 JavaScript about Scope

🐱‍🐉 ScopeJavaScript에서 scope이란, JavaScript의 문법이 아니고 '변수가 어디까지 쓰일 수 있는지'의 범위를 의미합니다. 어떤 변수는 여기저기서 쓸 수 있는 반면에, 어떤 변수는 특정 함수 내에서만 쓸 수 있었습니다.이런 개념이 바로 sc

2021년 2월 23일
·
0개의 댓글
post-thumbnail

TIL_26_with Wecode 016 JavaScript about Object

plan1, plan2, plan3라는 object가 있다.각 object는 name, price, space, transfer, pages라는 5개의 property가 있다.name이라는 property의 데이터값은 String형이고, 나머지 4개의 property는

2021년 2월 22일
·
0개의 댓글
post-thumbnail

TIL_25_with Wecode 015 JavaScript about Number

🤠 Number 파헤치기몇 가지 수학 관련 메서드를 보려고 합니다.수학 계산을 위해서는 JavaScript에서 제공하는 Math 객체를 사용합니다.JavaScript Math Object🦴 반올림 함수🦴 올림 함수🦴 내림함수는 floor🦴 랜덤함수randomN

2021년 2월 22일
·
0개의 댓글
post-thumbnail

TIL_24_with Wecode 014 JavaScript about 날짜와 시간

🐪 날짜와 시간날짜 객체를 호출하면 쉽게 시간과 날짜를 얻을 수 있다.날짜 객체를 생성할 때는 다음과 같이 new 연산자 다음에 Date 생성자를 쓰면 된다.아래와 같이 년, 월, 일, 시, 분, 초 까지 알 수 있다.GMT란 Greenwich Mean Time의 줄

2021년 2월 22일
·
0개의 댓글
post-thumbnail

TIL_23_with Wecode 013 JavaScript about String

🐱‍👤String <-> Number 변환자바스크립트 언어의 특징 중 하나가 데이터 타입을 신경쓰지 않는다는 것입니다.다음 코드를 보면 오류없이 모두 정상으로 나옵니다.다른 언어에서는 변수에 어떤 값을 할당해서 변수의 type이 확정되면, 그 후에 다른 typ

2021년 2월 21일
·
0개의 댓글
post-thumbnail

TIL_22_with Wecode 012 JavaScript about String

🦧 String 파헤치기!쌍따옴표든, 홑따옴표든 모두 String형 값에 사용합니다.🤗 대소문자 바꾸기String형에서 제공하는 기본 함수들이 많은데 대표적으로 알아서 대소문자를 바꿔주는 함수가 있습니다.JavaScript String Reference결과에서 보듯

2021년 2월 21일
·
0개의 댓글
post-thumbnail

TIL_22_with Wecode 012 JavaScript about Data Types

JavaScript Data types 자바스크립트의 다양한 데이터 타입을 살펴보겠습니다. (MDN | JavaScript Data Type) ✔️ 기본 자료형 (Primitive) 인 여섯 가지 데이터 타입 String (문자열) Number (숫자) Boole

2021년 2월 21일
·
0개의 댓글
post-thumbnail

TIL_21_with Wecode 011 JavaScript about for문

😻 for 문의 활용변수 cities 배열 안에 있는 지역들을 하나하나 지정을 해줘야 하는 불편함을 줄일 수 있다.우리가 프로그래밍을 배우는 가장 큰 이유는 단순 반복을 줄이기 위해서가 아닐까요? 이렇게 비효율적인 코드를 for 반복문을 사용하면 짧게 줄일 수 있습니

2021년 2월 21일
·
0개의 댓글
post-thumbnail

TIL_20_with Wecode 010 JavaScript about array

✅배열 조작하기💭요소추가요소가 없는 배열을 선언해보겠습니다.cities라는 변수에 빈 배열을 할당해주었습니다.그리고 아래와 같이 요소를 하나씩 추가할 수 있습니다.그리고 6번째 요소에 미리 "제주도"를 할당해볼까요?왠지 차례대로 요소를 추가해야할 것 같지만,이렇게 원

2021년 2월 21일
·
0개의 댓글
post-thumbnail

TIL_19_with Wecode 009 JavaScript about array

🐱‍💻배열의 정의 및 특징배열을 사용하면 몇 천 개의 변수를 생성하지 않고, 하나의 변수에 모든 데이터를 갖고 있을 수 있습니다.배열은 대괄호(\[])로 감싸져 있습니다.데이터가 있는 배열을 만들어보겠습니다.Element: "서울", "대전" 과 같은 배열의 값,

2021년 2월 20일
·
0개의 댓글
post-thumbnail

TIL_18_with Wecode 008 JavaScript about function

🐬 return 함수 정의return이라는 것은 함수를 호출했을 때, 함수가 값을 반환한다는 뜻입니다.예시)👻 인자가 하나인 multiplyTen 함수의 정의 → 받은 인자에 10을 곱하여 반환한 것.🐬 return 함수의 호출예시)👻 위와 같이 여러번 함수를

2021년 2월 20일
·
0개의 댓글