전체 글

부스트코스 DB연결 웹앱 #6 EL,JSTL

점점 배우는 언어가 많아진다. 백엔드 언어가 자바인 경우 배우는 것이 프론트를 제외하더라도 JAVA, SERVLET, JSP, EL, JSTL ...뒤로 SPRING등이 있을 것이다. 노드를 썻을 때는 자바스크립트와 노드문법 적당히만 알면 사용가능 했었는데 확실히 자바는 배울것이 많다. 하지만 한국에 취업하려면 자바를 꼭 해야하니 어쩔 수 없다...ㅠ EL은 표현언어이다. 출력할때 사용하며 사용법은 ${변수}이다. 연산까지 가능하며 for문이나 if문은 사용 불가능하다 그것을 사용하려면 jstl을 배워야한다... 간단한??코드로 예를 들자면 pageScope: pageScopeEl: ${pageScope.p1} requestScopeEl: ${requestScope.r1} sessionScopeEl: $..

부스트코스 DB연결 웹앱 #5 scope

핵심 개념 application scope session scope request scope page scope 각 변수를 특정범위 내에서 사용하기 위해서 scope를 알아야한다. 스코프는 크게 4가지가 있다. Application : 웹 어플리케이션이 시작되고 종료될 때까지 변수가 유지되는 경우 사용 Session : 웹 브라우저 별로 변수가 관리되는 경우 사용하며 변수를 유지할 때도 사용하며 여러번 요청받아도 유지된다. Request : http요청을 WAS가 받아서 웹 브라우저에게 응답할 때까지 변수가 유지되는 경우 사용하며 한번의 요청동안 유지된다. Page : 페이지 내에서 지역변수처럼 사용 핵심 개념 PageContext jsp 페이지에서 pageContext라는 내장 객체로 사용 가능 하다...

부스트코스 DB연결 웹앱 #4 redirect & forward

핵심 개념 HttpServletResponse sendRedirect() 리다리렉트는 http프로토콜로 정해진 규칙이다. 서버는 클라이언트의 요청에 대해 특정 URL로 이동을 요청할 수 있다. 이를 리다이렉트라고 한다. 1. 클라이언트가 요청을 하면 서버는 리다이렉트가 담긴 코드를 보고 HTTP상태코드 302와 헤더 내 LOCATION 값에 이동할 URL을 함께 보낸다. 클라이언트:주소 요청 >>HTTP://WWW.~~~~주소 요청(안에 리다이렉트코드 있음)>> >>서버: 리다이렉트코드를 보고 내 상태 코드와 바뀐 주솟값을 클라이언트에게 다시 전달 >>>>상태코드 + 주소>>>> >>클라이언트: 상태값이 302인걸 확인 + 바뀐 주소값으로 자동으로 서버에 재요청 >>> 서버:바뀐 주소 응답. 리다이렉트는..

부스트코스 DB연결 웹앱 #3 JS

핵심 개념 jsp (java server page) JSP는 무조건 서블릿으로 바뀐다. 그러므로 서블릿으로 바꿀 때 어떻게 바꿔야하는지를 구분하는 방법이 init > service가 실행된다. jsp로 init이나 디스트로이에 코드를 넣으려면 로 따로 지정해줘야 한다.

시작의 기술

"당신의 생각은 당신이 아니다." 내안의 잠든 거인을 깨워라는 책의 앞부분을 좀 읽었었는데 내용이 비슷하다. 넌 할 수 있다라는 식의 자기계발서 클리셰를 따른다. 나는 개인적으로 자기계발서류를 좋아하기 때문에 이 책도 수월하게 읽었다. 자기계발서를 싫어하는 사람이 되게 많은데 그 이유는 대부분 뻔한소리한다, 맨날 같은내용이다 등등의 내용으로 책을 비판한다. 이 책에서는 그것이 책의 문제가 아니라 당신의 행동이 문제라고 규정한다. 책에서 아무리 옳은소리, 부자가 되는 길로 가는 이야기등을 해도 독자가 누워있다면 무용지물이라는 이야기다. 나또한 매우 공감간다. 우리는 정답을 알고있다. 하지만 하기 싫을뿐... 책을 다 읽으면 약간의 의지가 생긴다. 그리고 한줄정도 문장이 머릿속에 남는데 나는 그정도면 이 책..

어떻게 공부할 것인가

많은 사람들이 지적능력은 타고난다고 믿고있다. 하지만 새로운 지식을 배울 때 마다 뇌에서는 변화가 일어난다. 경험의 잔여물이 저장되는 것이다. 우리는 유전자에서 비롯하는 능력을 미리 갖추고 태어나기는 하지만 문제 풀기, 추론, 창조를 가능케 하는 심성모형을 배우고 구축하면서 능력을 계발하기도 한다. 이러한 사실을 이해한다면 실패를 노력의 증표 또는 더 깊이 파고들거나 다른전략을 써야한다는 것을 알려주는 유용한 정보의 원천으로 활용할 수 있다. 배우기 힘들다고 느낄 때야 말로 중요한 과정임을 이해해야 한다. 우리는 잘못된 방식으로 배우고 있다. 단순히 반복읽기가 아닌 조금 더 어려운 방식으로 배워야 더 오래 남는다. -배우려면 먼저 인출하라 우리가 학습을 하면 그 정보를 반드시 인출해야한다. 단순반복하여 ..

부스트코스 DB연결 웹앱 #2 WEB UI 개발- FE

1. 배운것들 setTimeout을 필요한 곳에 사용할 수 있다. 비동기가 무엇인지 기본개념을 이해한다. window 메서드는 여러가지 있지만 그 중에 setTimeout이라는 메서드가 있다. 윈도우 메서드의 경우 window.setTimeout()이런식으로 안하고 setTimeout()이렇게 해도 선언이 된다. 이 메서드는 함수를 인자로 받을 수 있다. setTimeout(function(){}, 1000) 이런식으로 하면 이 함수가 1초뒤에 실행되는 것이다. function run() { console.log("start"); setTimeout(function() { var msg = "hello codesquad"; console.log(msg); }, 1000); console.log("end"..

부스트코스 DB연결 웹앱 #1 자바스크립트 FE

1. 배운것들 변수선언 연산자 Type 종류 Type 확인 방법 자바스크립트에서 변수선언은 var let const가 있다. let과 const는 es6들어서 추가로 생긴 것이고 어떤 변수를 쓰느냐에 따라 변수의 scope 즉 유효범위가 달라진다. 연산자의 경우 +-=%/ 등이 있고 값이 같다는 연산자 == 는 타입을 비교해주지 않아서 보통 자바스크립트에서는 ==대신 ===를 쓴다. &&은 둘다 참일 때 트루이고 ||는 하나만 참이라도 트루값이다. const name = "crong"; const result = name || "codesquad"; 에서 name에 값이 있으니 crong이 되고 없으면 codesquad가 된다. 삼항연산자의 경우 int a = 11; if(a > 10 ) ? "up" :..

샤오미 Mireader 미리더 후기

카페에도 작성했는데 저도 정보찾기가 힘들었던 만큼 블로그에도 올려야 할 것 같아서 올립니다. 알리에서 약 12만원에 구매 후 일주일만에 배송이 왓습니다. 세팅법을 삽질을 조금 했는데 무사히 완료했구요 세팅해야할 필수품들은 샤오미런처(멀티액션바 하면 안해도됨 저는 둘다 했어요) adb런처 morelocale > 한글화 이렇게 있습니다 먼저 개발자모드를 해야합니다. 안드로이드 개발자모드 할 때 처럼 기기정보를 두세번 누르면 팝업창이 하나 뜨는데 그러면 된겁니다. https://www.zhihu.com/question/356958118/answer/930976208 여기 참조하시구요 이제 adb런처를 받아야 합니다. 찾아보니 꼭 이사이트에서 안받아도 되는 것 같긴 한데 저는 여기서 받았습니다. https://..

e북리더기 추천

어떤 리더기를 사야 할까?? 이북 리더기를 구매하려고 고민하는 사람들에게 약간의 선택에 도움이 되길 바란다. 블로그에 리더기관련 글을 검색하면 무수히 많은 비교 글이 있다. 그런 글들을 봤지만 봐도 봐도 고민된다면 본인이 어디에 중점을 두는지 우선시해야 한다. 크게 본다면 성능 편의성 이 두 가지가 있다. 가장 고민이 많을 두 기기 먼저 비교해보겠다 크레마 vs 페이퍼 리더기의 양대산맥이다. 솔직히 말해서 성능은 썩었는데 국내 리더기가 이 두 개밖에 없어서 선택권이 없다... 압도적인 1위는 아마존의 킨들이 있지만 한국 도서는 지원이 안되기에 국내 리더기 제품을 선택하려면 이 두 가지가 있다. 지금 말하는 부분은 본인이 기계 설정을 만질지 모른다는 가정이다. 크레마와 페이퍼는 성능면에서는 페이퍼의 압승이..