profile
개발하는 스트롱맘

20220510-TIL

Assignment그 동안 배운 것을 정리할겸 아래의 사이트에서 학습을 완료해주세요.http://learnlayout.com/https://poiemaweb.com/css3-layouthttps://poiemaweb.com/css3-box-m

2022년 5월 11일
·
0개의 댓글
·

웹 서비스의 역사와 발전

1세대 웹서비스의 특징?정적이고,단순히 정보전달 위주의 웹이었다.특별히 기능이 많지 않으며, 무엇보다 User Interaction 이 많이 요구되지 않았다.2세대 웹서비스의 특징?다이나믹한 요소들이 요구되기 시작하면서 웹기반의 언어인 자바스크립트의 출현함과 동시에 역

2022년 5월 10일
·
0개의 댓글
·
post-thumbnail

20020510-TIL-4

원래는 html코드를 작성하면 순서대로 페이지에 그렸는데 position property를 사용하면, html 코드의 순서와 상관없이 그리고 싶은 어느 위치에나 요소를 그릴수 있다. position: relative; 자체로는 특별한 의미가 없습니다.딱히 어느 위치로

2022년 5월 10일
·
0개의 댓글
·

20220510

inline styling(13줄에 style 요소로 직접): 1000점id: 100점class: 10점tag: 1점tag <<<<< class <<<< id <<<<<< inline cs

2022년 5월 10일
·
0개의 댓글
·

22020510/TIL

대부분의 html element는 block요소입니다. 예를 들어, header, footer, p, li, table, h1 등이 모두 block element요소에 해당하는 테그. block요소의 의미는 이 요소 바로옆(좌우측)에 다른 요소를 붙여 넣을수는 없다는

2022년 5월 10일
·
0개의 댓글
·

20220509-day1-학습목표

\-HTML(Hypertext Markup Language)는 웹 페이지를 만들기 위한 언어로 웹페이지를 구조를 잡을 수 있습니다. HTML 파일은 이미지, 텍스트, 비디오, 버튼 등 웹사이트에 보여줄 내용을 구성하고 있으며 브라우저(chrome, safari, ie,

2022년 5월 10일
·
0개의 댓글
·

TIL-20220509-Day1

head테그 안에 meta charset="utf-8": 한글, 일본어, 중국어가 포함된 페이지라면 utf-8 값으로 문자 인코딩을 추가해줘야 함. meta name="viewport" content="width=divice-width" :디바이스의 가로 크기가 곧 웹

2022년 5월 9일
·
0개의 댓글
·

Dot notation VS Bracket notation

Property identifies can only be alphanumeric (and and $)Property identifiers cannot start with a number.\*\*\_Property identifiers cannot contain var

2022년 4월 29일
·
0개의 댓글
·

prestudy-week3

객체는 자바스크립트 데이터 타입 중의 하나입니다. 영어로는 object라고 표현합니다.key값과 value값을 쌍으로 이루어져 있고, 배열과는 다르게 순서가 중요하지 않습니다.객체를 생성할 때는 {} 안에 key와 value를 쌍으로 묶어서 만들어 줍니다.key값이 여

2022년 4월 26일
·
0개의 댓글
·

prestudy-week2

메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다.const array1 = 1, 4, 9, 16;// pass a function to mapconst map1 = array1.map(x => x \* 2);con

2022년 4월 26일
·
0개의 댓글
·

prestudy-week2

1~30까지의 숫자 중에 addEvenNumber 함수는 짝수만을 result 배열에 담아 리턴하고,addOddNumber 함수는 홀수만을 result 배열에 담아 리턴합니다.i가 2씩 증가하도록 증감식을 잘 설정해주세요!<내가 한 방식>function addEv

2022년 4월 25일
·
0개의 댓글
·

prestudy-week2

Assignment시장을 봐왔는데 바구니를 보니 곰팡이가 피어있습니다.바구니에서 곰팡이를 제거하는 함수를 작성해주세요!let basket = \['양파','곰팡이','곰팡이','빵','딸기잼','귤','곰팡이','사과'];removeGerm(basket) // \[

2022년 4월 25일
·
0개의 댓글
·

prestudy-Week2

The splice() method changes the contents of an array by removing or replacing existing elements and/or adding new elements in placesplice(start)splice

2022년 4월 24일
·
0개의 댓글
·

prestudy-week2

new Array 메소드를 이용하여 0부터 9까지 각자 제곱한 수를 배열에 넣어주세요.new Array 메소드를 활용하셔야 합니다.반복문을 활용해주세요.이렇게 만들어진 배열의 길이는 10이 되어야 합니다.console.log(makeSquare()) // 0, 1, 4

2022년 4월 24일
·
0개의 댓글
·

prestudy-week2

Concatconcat() 메서드는 주어진 배열에 기존 배열을 합쳐서 새로운 배열을 반환합니다.원본 배열은 변하지 않으며 새로운 배열이나 원본 배열을 수정해도 서로 영향을 받지 않습니다.let alphabet = 'a', 'b', 'c';let hangeul = 'ㄱ'

2022년 4월 24일
·
0개의 댓글
·

prestudy-week2

filter() 메서드는 array 관련 메서드로 조건에 맞는 요소들만 모아서 새로운 배열을 반환합니다.만약 조건에 부합되는 요소가 아무것도 없다면 빈 배열을 반환합니다.그리고 callbackFunction 안에서 3개의 인자 (element, index, array)

2022년 4월 24일
·
0개의 댓글
·

week2-splice()

splice 메서드는 배열 내의 특정한 요소를 삭제하거나, 다른 요소로 대치하거나 새로운 요소를 추가할 때 사용합니다.splice 메서드를 쓸 때는 인자의 순서에 주의해야 합니다.위의 그림에서는 인자 3개가 들어갔지만, splice 메서드는 필요에 따라 인자를 최소 1

2022년 4월 22일
·
0개의 댓글
·

prestudy-week2

when we want to store list of elements and access them by a single variable.storing a collection of multiple items under a single variable name하나의 배열내

2022년 4월 22일
·
0개의 댓글
·

prestudy-week2

Access two dimensional array with negative indexAssignmentarray 감옥에 갇힌 2를 구해주세요.단, slice 메서드를 사용해야 하며, slice 메서드 괄호 안에는 음수만 들어갈 수 있습니다.let prisoners =

2022년 4월 22일
·
0개의 댓글
·

prestudy-Week2

slice 메서드는 배열 내의 특정한 요소의 index 범위에 따라 새로운 배열을 리턴합니다.splice 메서드와는 다르게 slice 메서드는 원본 배열을 변형시키지 않습니다.그렇기 때문에 이 메서드를 사용할 때는 slice 메서드를 적용한 새로운 변수를 선언해주어야

2022년 4월 21일
·
0개의 댓글
·