기초공사 (html,css,javascript)

DeepDive_27  map 메서드는 자신을 호출한 배열의 모든 요소를 순회하면서 인수로 전달받은 콜백함수를 반복 호출한다.그리고 콜백 함수의 반환값들로 구성된 새로운 배열을 반환한다. 이때 원본 배열은 변경되지 않는다. forEach와 다른점 :forEach 메서드와  map메서드의 공통점은 자신을 호출한 배열의 모든 요소를 순회하면서 인수로 전달받은 콜백함수를 반복 호출한다.  forEach메서드는 언제나 undefined를 반환하고, map메서드는 콜백 함수의 반환값들로 구성된 새로운 배열을 반환하는 차이가 있다. 즉, forEach메서드는 단순히 반복문을 대체하기 위한 고차함수이고, map메서드는 요소값을 다른값으로 매핑한 새로운 배열을 생성하기 위한 고차함수이다.  https://codinge..

// https://inasie.github.io/it%EC%9D%BC%EB%B0%98/%EB%A7%88%ED%81%AC%EB%8B%A4%EC%9A%B4-%ED%91%9C-%EB%A7%8C%EB%93%A4%EA%B8%B0/ 마크다운 - 표(테이블) 만들기 마크다운을 이용해서 표를 그리는 방법을 알아보겠습니다. inasie.github.io

// 문제1. 4개의 회원 목록이 존재한다. 회원목록에는 "김사과", "이멜로", "오렌지", "박하나" 각 회원 상세에는 나이, 키, 이름이 정의 되어 있다. 나이와 키는 임의로. 회원목록 중 특정한 회원 사용자의 정보를 출력할 것 prev()라는 사용하면 이 전의 사용자 next()라는 사용하면 이 다음의 사용자 단, pvev 함수는 0 밑으로 내려갈 수 없습니다. next함수는 회원목록 수 이상을 내려갈 수 없습니다. 기본값은 가장 첫번째 회원 목록에 등록된 사용자입니다. 1. 입력 // 내가. const userLists = [ { name : "heejung", age : 20, height:180 }, { name : "nana", age : 20, height:180 },....... ] 2..

// 이제 조금은 이해가 간다. 1. return은 코드블럭에서 실행을 할수 있게끔 해주는것이다. // 5, 5, undefined가 콘솔에 찍힌다. 실행부에서 addNumber(2,3)에서 코드블럭 실행하기 위해 위에 올라가는데 내부의 console.log(num1 + num2); 에 의해서 5가 찍히고, ----------1. console.log(addNumberPrint(3, 4)); 에서 addNumberPrint(3,4)가 있네?...코드블럭으로 올라가서 역시 내부의 console.log(num1 + num2);에 의해서 7이 찍히고, ----------2. 자바스크립트에서는 명시적으로 아무것도 반환하지 않으므로 반환값은 undefined가 됩니다. 그리고 return이 없으므로 자바스크립트에..

// display:flex때문에 감싸는게 아니다. row에서 display: flex;를 삭제하면, 태그는 더 이상 flex 항목이 아니게 되어 그 크기와 위치가 flexbox 모델에 의해 결정되지 않습니다. 대신, 기본적인 인라인 요소로서의 동작을 따르게 되어, 내용의 길이만큼만 공간을 차지하게 됩니다. 이로 인해 .row 내부의 태그가 이전과 달리 내용물만큼만 크기를 갖게 되는 것입니다.

// // // //

// 여기에는 site 만들면서 궁금한것들을 적을 생각이다. 노션을 배울까도 했지만 시간이 없어서... 궁금1. 화면을 줄였을떄 저기 표시된 부분이 안줄었으면 하려면?? flex: 0 0 60% flex-shrink를 0으로 했는데도 화면의 크기를 줄어드니 줄어든다;;;;나는 분명 flex-shrink를 0으로 했는데.. 왜 줄어들지?... --> flex-shrink 속성이 0으로 설정되어 있음에도 불구하고, 아이템이 줄어드는 현상이 발생하는 이유는 flex-basis 속성 때문일 수 있습니다. flex-basis: 60%는 아이템의 기본 크기가 컨테이너의 전체 크기의 60%를 차지하도록 설정합니다. 이 경우, 화면 크기가 줄어들면 컨테이너의 크기도 함께 줄어들게 되고, 그에 따라 아이템의 절대적 크기..

// //1. String concatenation console.log("my" + "cat"); // my cat console.log("1" + 2); //12 console.log(`string literals: 1 + 2 = ${1 + 2}`); // string literals:1+2=3 //2. Numeric operators console.log(1 + 1); //add console.log(1 - 1); //substract console.log(1 / 1); //divide console.log(1 * 1); //multiply console.log(5 % 2); //remainer console.log(2 ** 3); //2의 3승.. //3. Increment and decremen..

// // https://chohyeonjunn.tistory.com/74 소스코드 수정 후 git 저장소에 반영하기 소스코드 수정 후 git 저장소에 반영하기 일반적으로 소스코드를 수정하는 것은 두 가지 사례로 나뉘게 됩니다. 해당 프로젝트에 소속된 사람이 아닌 경우 만약 우리가 특정한 커뮤니티(Community) chohyeonjunn.tistory.com

// 네이버 구조분석 중 .mobile-ul li:first-of-type p:before { content: ""; display: inline-block; width: 22px; height: 22px; /* background-image: url("../img/logos.png"); background-size: 444px 434px; background-position: -391px -73px; background-repeat: no-repeat; */ background: url("../img/logos.png") no-repeat -391px -73px / 444px 434px; vertical-align: top; border: 1px soli yellowgreen; } 저렇게 한번에 쓸수 ..