본문 바로가기
반응형

전체 글

Javascript 조건문 개념 1. 자바스크립트 조건문은 대표적으로 if, swith문이 있다. 2. 블록문 : { } 중괄호로 묶은 것을 말함. 블록 혹은 코드 블록이라 한다. 3. 예제 let num =5; if(num % 2 === 0) { console.log("변수 num에 할당된 숫자는 짝수입니다."); }else{ console.log("변수 num에 할당된 숫자는 홀수입니다."); } 4. else if문. : if 문에 조건을 추가하고 싶을 때 사용한다. 5. if문 안에 if문을 중첩할 수 있다. 그러나 실무에서는 사용하는 경우가 거의 없음. 6. switch문 let food = "melon"; switch(food){ case "melon": console.long("fruit") break; case "appl.. 더보기
파이썬 List 연습, 튜플(tuple) 1. 2차원 리스트 만들기 # 2차원 리스트 num = [[10,20,30], [40,50,60]] print(num) print(num[0][0]) print(num[0][1]) print(num[1][1]) num[1][2] = 100 print(num) print(num[0][1]) 2. 카지노 등장인물 배열에다 넣기 for i in [1,2,3]: print("i = ", i) casino_characters = [] for i in range(5): name = input("카지노의 등장인물 이름을 입력하시오: ") casino_characters.append(name) for i in casino_characters: print(i, end=" ") 3. 2로 나눠서 나머지 1인 수 출력 nu.. 더보기
CSS 박스 모델 연습 1. 부모 자식 관계 2. 출력하기 .parent { width: 300px; height: 200px; background-color: blue; } .child { width: 100px; height: 100px; background-color: orange; } 파란색이 부모, 노란색이 자손이다. width를 auto로 하면 부모(파란색)의 너비를 따라간다. 3. 픽셀(px)수 보는 방법. 4. 부모 폰트사이즈를 40px로 하자 자손 너비가 40*10(em)=400px이 됐음. 부모요소로부터 글꼴 사이즈를 상속받는다. 5. 단위 - px (픽셀) - 1024 768 -> 가로 픽셀 1024개, 세로 픽셀 768개 있음 - % (상대적인 백분율) - 기준이 있어야함 - 자식요소는 부모요소의 속성값이.. 더보기
48일차 코딩학원 1. 오전 - 백엔드 / 오후 - 프론트엔드 2. DOM ? 문서 객체 모델 3. login화면에서 넘어가는 화면 구현 자바스크립트에서는 ; 을 생략해도 된다. 알아서 붙여줌. 아이디 이름 4. postman을 이용해서 로그인 화면 서버 구축 확인을 했는데 이런 오류가 나온다. 무엇이 문제일까? WARN : org.springframework.web.servlet.mvc.support.DefaultHandlerExceptionResolver - Resolved [org.springframework.web.HttpRequestMethodNotSupportedException: Request method 'POST' not supported] 5. post 주소표시줄 정보가 포함이 안 된다. 보안이 좋음. .. 더보기
Javascript 기초 ② 1. ${} 문법을 이용하면 문자열에 변수 또는 식을 넣을 수 있다. 2. undefined - 변수나 상수를 선언하면 반드시 생성한 공간에 저장할 데이터를 할당해야 한다. 할당하지 않으면 자바스크립트 내부적으로 변수와 상수 공간에 임시로 데이터를 할당하는데, 이때 할당하는 값이 undefined다. 3. 배열 더보기
Javascript 연산자, 조건문 1. == (동등연산자) =는 대입연산자임. 다름. alert(1==2)//false alert(1==1)//true alert("one"=="two")//false alert("one"=="one")//true 2. === (일치연산자) 엄격한 녀석. 좌항과 우항이 완벽히 일치해야함. 타입도. alert(1 === "1")//false alert(1 == "1")//true Javascript는 조금 허술한 면이 있음. 3. Javascript에서는 숫자 1을 true로 간주하고 나머지는 false로 간주한다. 4. ! 연산자 alert(1!=2)//true alert(1!=1)//false 5. 조건문 (Boolean). 불린으로 올 수 있는 값은 true or false. if(true) { ale.. 더보기
CSS 기본 문법 ② 1. 가상 요소 선택자 ABC::before - 선택자 abc 요소의 내부 앞에 내용(content)을 삽입 ABC::after - 선택자 abc 요소의 내부 뒤에 내용(content)을 삽입 2. 속성 선택자 3. gmail 처음에는 div태그로 만들었음. 유지보수 쉽지 않았음. 4. ! important는 가장 우선순위임 Hello Seoul! 순서 !important 인라인 선언 ID 선택자 Class 선택자 태그 선택자 전체 선택자 점수 계산은 왜 하는거지? 더보기
47일차 코딩학원 1. Sping nvc가 중요하다? nvc?? 찾아보니 mvc다. Spring이 도대체 무엇을 하는 프로그램인지 감이 안잡힌다. 서버를 만드는 프로그램인가? 백엔드 개발에 사용된다는 것은 알겠다. Get 방식? HTTP 요청은 두 가지 메서드가 있다. GET 메서드. POST메서드. 2. Spring 프레임워크를 사용해서 HTTP요청 정보를 출력하는 코드. package com.earth.sun; import javax.servlet.http.HttpServletRequest; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; @Controller pub.. 더보기
반응형

티스토리툴바