본문 바로가기

전체 글280

[220104] 코테 Lv.1 / x만큼 간격이 있는 n개의 숫자 해결 : for문이랑 배열 사용 function solution(x, n) { let answer = []; //2,5 -> 2의 배수를 5개 만들어야함 for(let i=0; i(i+1)*v) /* - 요소를 n개 만드는 새 배열을 만들건데, - 그 안을 x로 채울거야. - 그 x에 하나씩 접근해서 함수처리 한 값으로 새 배열을 만들거야 - map(함수(처리할 현재 요소, 처리할 현재 요소의 인덱스, map()을 호출한 원본배열)) - 인덱스 0부터 하나씩 접근할때 바뀌는 인덱스가 i */ } solution(2,5); // {빈 요소, 빈 요소, 빈 요소, 빈 요소, 빈 요소} // {2, 2, 2, 2, 2} // {(0+1)*2, (1+1)*2, (2+1)*2, (3+1)*2, (4+1)*2} /.. 2022. 1. 4.
[220104] 배열과 객체 / create:function(), 객체 안에 객체or배열 목차 1. 배열과 객체 2. 객체 안에 추가하기 3. 배열과 객체의 데이터타입 배열 (array) 과 객체 (object) 배열이랑 객체가 뭐더라 //배열 array // 배열명 = {값, 값, 값} let arr = [1, 2, 3]; //객체 object //key = 값 이름 //value = 값 //객체명 = {key:value, key:value} let obj = {name:'Joo', age:29} 가장 큰 차이점은 값을 저장하는 방식. 쉽게 생각해보자면, 배열은 arr이란 아파트에 "100호에 1이 살고, 101호에 2가 살고, 103호에 3이 산다." 객체는 obj란 아파트에 "name이란 방에 'Joo'가 살고, age란 방에 29가 산다." 방호수로 기억하느냐, 유치원반처럼 개나리반,.. 2022. 1. 4.
[220104] 코테 Lv.1 / 직사각형 별찍기, 크롬 콘솔에서 중복된 값 띄우기 해보려고했는데.. 아는게 별로 없어셔 예시의 구문은 사용하지 못했다. 대신 내가 아는 것 내에서 해보고, 모르는건 일단 알아두기는 하겠음. 해결 전 문제 인식하기 별을 출력하고 함수를 어떻게 짜고 말하기 전에 제일 큰 문제가 하나 있다. 한 줄에 나란히 쓰기는 어떻게 하지. 너무 간단한 문제라 헛웃음이 나는데 지금 내 수준이 여기다. 아는건 console.log()랑 if문이랑 for문이랑 연산자 몇개가 단데 뭐 어떡할거야. 그러니까 도와줘요 구글링. 구글링을 한 결과 --> process.stdout.write(); 뭐가 이렇게 길어. 간단한거 없나. 심지어 실행도 안되는데? 뭐지? 어 잠만 여기서 막히면 아무것도 할 수 없는디. 출력을 못하는데 코드 짜면 뭐하냐고 확인을 못하는데. 혹시 console.. 2022. 1. 4.
[220204] 배열 array, length, typeof, push 목차 1. 배열 2. 배열의 주소 배열의 생성, 데이터 1개 넣기 : let arr = [ ]; 배열의 데이터 타입 알기 : typeof console.log(arr); console.log(typeof arr); //데이터 타입을 말해주는 typeof //object라고 나온다 let str = "글자형이다!!" console.log(str); console.log(typeof str); // 문자 글자형이므로 string이 나온다 배열에 데이터 2개 이상 넣기 arr=[10,20]; console.log(arr); // 컴퓨터가 배열을 새로 만들어서 // 빈 배열에 숫자 10, 20을 넣음 배열에 맨 끝에 데이터 추가하기 : push arr.push(103); console.log(arr); // 개.. 2022. 1. 4.
[221003] 회원가입창 만들기 / 모달팝업창 실습용도 어제오늘 끙끙대던거 처리ㅎ망ㅇ러ㅣ머이멍ㄴ 쓱 보고 고쳐준 교수님 최고다!!! 코드 읽는 능력 최고다!!! 내가 이해한 label의 용도랑 연결연산자(+)는 맞았음. 문제의 시작 : label이랑 input이랑 떨어져도 된다는것을 생각을 못함. //이 자리에 있던 label을 아래로 밀어넣음 //왜? input 아래만 있으면 되는거고, 나는 X가 있을 위치 고정을 원하니까! X //여기로 밀어넣음! name id e-mail phone CSS의 수정 (기존 css) input[id="close"]:checked+label+#content{ display: none; } (수정본 css) input[id="close"]:checked+#content{ display: none; } 2022. 1. 3.
[220103] 자바스크립트 / let, const, ver, else if, 함수 심화,함수 연습문제 목차 1. 변수와 상수 2. 아스키코드 3. else if문 4. 함수 심화 5. 연습문제 let(변수) 변수를 선언 메모리에 저장할 수 있는 공간 확보 그 공간에 월요일 저장 즉, 선언을 하지 않으면 저장할 공간을 만들지 않았으므로 저장이 안됨. 에러발생. 집이 안 지어졌는데 입주를 어떻게 합니까. 자기가 가지고 있는 영역(code block)에서만 실행되는 모습 let a ="pale" //a라는 공간을 만들어서 저장 let a = "apple"//a라는 공간을 만들려고하지만 공간의 이름이 중복됨. 에러발생 { let a="apple"; //code block } 변수만 선언하고 값을 저장하지 않은 경우에 출력을 하면 뭐가 나올까? null상태인가? 아니면 더미값이 있나? let red; consol.. 2022. 1. 3.
[220102] 홈 만들기 구글링하다가 예쁜 잡지프레임 가지고 비율 3:1 확인하면서 만듬. 전체적으로는 주려다가 여백 공부하듯이 하나하나 넣었다. 그러다보니 코드가 엄청나게 난장판인데 나중에 수정하기로 하자. 우선은 완성한데에 의의를 둔다. 클로닝하니까 확실히 머뭇거림도 많이 줄고 어떻게 넣어야할지 조금씩 감이 온다. 안에 들어간 이미지는 구글 무료 이미지. 수정해야 할것 저 팝업창을 회원가입창으로 바꾸기 시간이 없어서 닫는 버튼을 전체 클릭으로 바꿨는데, X버튼으로 만들기 210114 수정본 수정내용 회원가입창을 닫아야 할때 전에는 전체 화면 중 어디나 클릭하면 닫을 수 있게 했다. -> X버튼을 눌러야만 닫을 수 있게 했다. input+lable이 각각 2개가 있었는데, input 1개에 연결된 label 2개로 줄였다. 마.. 2022. 1. 3.
[220101] clone_아임웹 게시판 / table, border-seperate, :not(), text-transform 세상에 새해라니. 무의식적으로 21년이라고 쓰다가 22년이라고 고쳤다. 23이라고 쓰기 시작할때는 회사 업무일로 글을 썼으면 신나겠다. 만약 그렇게 된다면 참치덮밥 먹고싶다. 차가운 레몬사이다랑 해서. 오늘이 클로닝 이미지. (출처 : https://imweb.me/faq?mode=view&category=29&category2=37&idx=71724 ) 세부기능은 몰라요. 게시물이라고 구글링하고 예뻐서 사이트가서 찾아옴. 세부적인 기능과 구매는 아임웹에서 구매하도록 합시다. 1. 큰 구조 짜기 네이버와 다르게 까볼 수 있는 코드도 없고, 내게 주어진건 달랑 저 이미지 한 장이다. 하지만 해볼 만은 하다. 하면 하는거지. 세부적인 이름 정하기. 궁금한건 main에 들어가는 nav와 box1에 들어가는 n.. 2022. 1. 1.
[211231] clone_네이버 회원가입폼 / select, option, ::focus footer 정렬 맞춤 팝업메뉴 저 아래 화살표 표시는 어떻게 넣나 코드 보니까 아이콘이 아니었다. 심지어 ul, li도 아니었음. 목록은 option이었고, 화살표는 background로 들어가는 이미지였음. 홀리몰리. 다들 알았는가. background에도 position이 있음을. 나는 방금 알았다. 심지어 사이즈도 조절이 가능하다. #header > h1 > #logo{ display: block; margin: 0 auto; width: 240px; height: 44px; background-image: url('../img/logo_naver.png'); background-repeat: no-repeat; background-size:240px auto; background-position.. 2021. 12. 31.
[211231] 함수의 정의와 호출, return 사용하기 목차 1. 함수를 사용하는 이유 2. 함수의 기능 2가지 3. 함수의 정의 & 호출 4. 함수의 선언 위치 함수를 사용하는 이유 특정 역할을 동일시 수행할 경우, 코드를 반복해서 작성하지 않고 편하게 호출해서 사용하고 싶을때 사용한다. 함수의 기능 2가지 //함수 함수명 (매개변수) function ingoo(name){ console.log(name); } ingoo('민트초코'); 매개변수 (인자) return return을 만나면 함수가 멈추고 값을 내보낸다. 함수의 결과물을 반환하기 위해서 사용한다. 함수 안에 있는 내용을 함수 밖에서 사용하고 싶어서 사용. 함수를 사용하기 위한 조건 : '정의'와 '호출' function ingoo(name){ let result = name+'님 환영합니다';.. 2021. 12. 31.