본문 바로가기

전체 글400

[JS] 그 동안 for문을 length 로 돌렸는데, 더 효율적으로 돌리는 방법 부스트 코트 수업을 들으며 js를 복습하는데 그 동안 for문을 for( i = 0 ; i < 변수이름.length ; i ++ ) { } 라고 선언했던 내 코드가 비효율적이라는 것을 배웠당~! var array = [ 0, 1, 2 ,3 ] ; var arraylengnth = array.length; for ( i = 0 ; i 2022. 8. 2.
[JS] 자바스크립트 let, var, const 의 차이 / let과 const 의 차이 var 은 변수 재선언이 되는데 let, const는 재선언이 불가능하다. ex) const name = "abc"; const name = "bcd"; (x) ES6 이전엔 var만 사용하였는데, var은 재선언이 되다보니 위에 어떤 코드에서 이미 선언된 변수명인데도 재선언이 되버려, 중복이 되버리는 문제가 생길 수 있었다. 이를 보완하기 위해 추가된 변수 선언 방식이 let 과 const ! 🙄 let vs const 의 차이점? let과 const 모두, 중복 선언은 불가능 하지만 let은 값을 재할당 하는 것은 가능하다. ex) let abc = "abc"; abc = "bcd"; (o) ex) const abc = "abc"; abc = "bcd"; (x) 2022. 8. 1.
[JS] 자바 스크립트 연산자엔 어떤 게 있을까? / js의 비교 연산자 == 와 ===의 차이 연산자 수학연산자엔 +,-,*,/,%(나머지) 등이 있다. const name = "ddoqi"; const result = name || "abcd"; console.log(result); //웹 콘솔에 메세지 출력 var name = ""; var result = name || "abcd"; console.log(result); const result = name || "abcd"; --> result 변수에 name값이 있으면 name을 넣고, name의 값이 없으면 "abcd"를 넣어라! || : or연산자 왼쪽 값이 없으면 오른쪽이다! 삼항연산자 const score = 20; const result = (score > 19) ? "pass" : "fail"; console.log(result).. 2022. 7. 31.
[Servlet] Header의 정보는 어떻게 가져올까~? @WebServlet("/header") public class HeaderServlet extends HttpServlet { private static final long serialVersionUID = 1L; public HeaderServlet() { super(); } protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html"); //응답을 어던 타입으로 할 건지 정해주기 PrintWriter out = response.getWriter(); //응답 통로를 열어주는 작업. get.. 2022. 7. 30.
[Servlet] 3.0 이전 버전에서는 서블릿 mapping을 어떻게 해야할까? / WEB.xml에서 서블릿 맵핑하는 방법 🙄 서블릿 2.5 와 3.0의 차이를 왜 알아야해? 서블릿 3.0 이상부터는 어노테이션(@)을 사용하여 서블릿 맵핑을 할 수 있는데 2.5 버전은 직접 web.xml에 들어가서 코드를 입력하여 서블릿 맵핑을 진행해주어야 하기 때문! 📍 서블릿 2.5 버전에서 서블릿 맵핑하기 web.xml 파일에 내용 집어넣기 👇👇 서블릿 이름 서블릿 이름 서블릿이 있는 경로(클래스이름.서블렛이름) 서블릿 이름 /abc(맵핑할 url패턴 *반드시 /앞에 써주기) 1. 안에는 내가 맵핑하고 싶은 이름을 써준다. 예를 들어, tistory.com/abc 로 브라우저에서 요청받고 싶으면 에 '/abc' 를 써주면 되는 것 다시 말해, 실제 방 이름은 abcroom인데 손님이 'abc'라고만 불러도 abcroom로 인식하도록 하.. 2022. 7. 29.
[CSS] float가 정확히 어떤 역할을 하는 걸까? 프로젝트를 하다보면 css에 float를 99프로 사용하게 되었는데, 단순히 정렬하는 기능이라고 알았지 구체적으로 뭐하는 녀석인지 궁금하여 float에 대해서 찾아보았다 🧐 float는 ? 한마디로 풍선 불어올리기라고 생각하면 좋을 것 같다! (부스트코트에서 풍선처럼 붕붕 띄운다고 생각하라고 하셨다) float는 left와 right가 있다. float의 기능을 이해하기 위하여 아래 예시를 만들어보깅 원래대로라면, a->b->c 순으로 정렬이 되있겠지만 b가 float가 적용되면 풍선처럼 위로 붕~ 뜬다 생각하고, c가 b가 공중위로 떠올라있으니 어? b자리가 비어있네? 하고 b자리로 들어가는 것! 2022. 7. 28.