막내의 막무가내 프로그래밍 & 일상

오늘은 illegal character u2028 에러에 대한 포스팅을 해본다. 이와 같이 코드에는 빨간줄이 없는데 illegal character u2028 에러가 발생해서 실행이 안되는 것을 볼 수 있다. 이것은 지원하지않는 문자를 적었기 때문이다. 근데 코드를 보면 분명 이상한 문자를 적거나 특수문자를 적은게 없다. 이때 코드를 복사해서 메모장에 붙여넣기하면 쉽게 확인하고 수정할 수 있다. 안드로이드 스튜디오에는 없던 문자가 메모장에는 있는것을 확인할 수 있다. 저 해당문자를 메모장에서 지우고 다시 붙여넣어 코드를 실행하면 정상동작이 될 것이다.

이번에는 간단한 구글맵 사용법에 대해 포스팅해볼려고합니다. 설명은 주석으로 자세하게 달아놨으니 복사붙여넣기해서 보시면 보기 좋을 것 같습니다. //참고 :https://mailmail.tistory.com/17 [안드로이드 구글 맵 - 1] Google Maps API Key 발급받기. 안녕하세요. PEACE-입니다. 안드로이드 스터디 [열네 번째] 글입니다. 오늘은 안드로이드 어플리케이션에 구글 맵을 사용하기 위한 사전 작업으로 Google API Key를 받급 받는 방법에 대해서 포스팅하겠습니다. 이.. mailmail.tistory.com 시작하기에 앞서 제가 참고한 사이트이며 구글API키를 발급받는 방법도 자세히 써져있습니다. 구글맵을 사용하려면 구글맵 API 키를 받아야합니다. 키를 받았으면 이..

[2021-04-15 업데이트] https://stackoverflow.com/questions/11900266/intent-putextrastring-bundle-vs-intent-putextrabundle Intent.putExtra(String,Bundle) vs Intent.putExtra(Bundle) This question may sound stupid but I wana know When do we put activity name in Intent.putExtra()? In one case we are putting extra only with bundle and in other case we are passing it with class na... stackoverflow.com 위 사이..

build.gradle에서 새로운 걸 implementation 했을때 버전 호환성 문제로 에러나는 경우에 대해 포스팅한다. 이렇게 에러가 나는 경우가 있는데 해법은 간단하다. 저 뒤에 형광팬 색칠한 문장이 버전이 안맞다는 것이므로 이 에러난 표시의 28.0.0버전과 똑같은 버전을 implementation에 추가해주면 된다. implementation 'com.android.support:support-media-compat:28.0.0' 이런식으로 말이다. 만약 또 똑같은 에러가나면 똑같은 방법으로 뒷문장의 버전을 현재 내가쓰고 있는 버전으로 바꿔서 implementation해주면 된다.

이러한 위와 같은 두가지 addEvenetListener 선언방식을 자주사용한다고한다. 즉 이벤트 등록 표준방법이며 이 방법을 쓰도록 하자. P.S) Change color ======================================================= var btn = document.querySelector('button'); function random(number) { return Math.floor(Math.random()*(number+1)); } btn.onclick = function() { var rndCol = 'rgb(' + random(255) + ',' + random(255) + ',' + random(255) + ')'; document.body.style...

오늘은 DOM과 쿼리셀렉터에 대해 포스팅할려고한다. 만약 HTML이 구조란게 없이 막짜여지면 가독성도 떨어지고 여러모로 안좋을 것이다. 그래서 구조적인 모델로 짜기위해 DOM이라는 모델을 기준으로 한다. 1. DOM 브라우저에서는 HTML코드를 DOM(Document Object Model)이라는 객체형태의 모델로 저장합니다. 그렇게 저장된 정보를 DOM Tree라고 합니다. 결국 HTML element는 Tree 형태로 저장됩니다. 복잡한 DOM Tree를 탐색하기 위해 JavaScript로 탐색알고리즘을 구현하면 너무 힘듭니다. 그래서 브라우저에서는 DOM(document object model)이라는 개념을 통해서, 다양한 DOM API(함수 묶음정도)를 제공하고 있습니다. 브라우저는 DOM Tre..

호이스팅 관련 내용 강의 처음영상 https://www.edwith.org/boostcourse-web/lecture/16695/

Servlet 라이프 싸이클에 대해 간단하게 정리한 포스팅을 할려고한다. 먼저 라이프사이클은 다음구과 같은 구조와 같다. 이것을 직접 확인해보았다. 다음과 같이 코딩을하고 실행시켜본다. 해당서블릿클래스를 생성해서 메모리에 올린후(생성자) intit메소드가 호출됨을 볼 수 있다. 그리고 service메소드가 호출됨을 알 수 있다. 만약 다시실행키면 다음과같이 service메소드만 호출됨을 볼 수 있다. (두번 다시실행시킨 결과이다.) 만약 init메소드의 구현내용이 바뀌면 해당 객체는 메모리에 사라지므로 destory메소드가 호출된다. init메소드에 @이를 추가하고 저장한 결과이다. 마지막으로 doPost와 doGet방식에 대해도 살짝 알아보겠다. 실행시켜보면 처음에 url로 요청해서(Get방식으로 요청..

1. 3이상 @WebSerblet("/ten") 으로 어노테이션이 되어있는것을 볼 수 있다. URL 맵핑주소이다. 2. 3.0미만 (2점대) 3.0과 다르게 어노테이션이 안되있다. web.xml은 다음과 같이 되있다. 만약 ten으로 url을 http://localhost:8090/exam25/ten 이런식으로 ten이라는 이름으로 url에 요청을 보냈으면 web.xml에서 태그 사이에서 url-pattern에서 해당 ten이라는 이름이있는지 찾고 있으면 ten과 같은 상위태그 에 있는 TenServlet이라는 servlet-name이 같은걸 태그 에서 찾아서 실제 class인 exam이라는 패키지안에있는 exam.TenServlet을 실행시켜주게됩니다. 정리하자면, 1. 요청한 url맵핑과 같은 url..

엘리먼트가 배치되는 방식 - (display:block / inline) 기본적으로 엘리먼트들은 block인지 inline인지 정해져있습니다. 예를들어 , 는 block방식이고 , , 은 inline 방식입니다. block은 말 그대로 벽돌을 쌓듯 아래로 띄워지면서 써지고 inline은 책처럼 쭉쭉 옆으로 글이 써져나가고 최대길이에 도달하면 한줄이 띄워져서 이어써져갑니다. 그러나 이렇게 기존에 정해져있는 방식을 css에 display속성을 설정하여 inline방식을 block방식으로도 변경해줄 수 있습니다. 엘리먼트가 배치되는 방식 (position:static, relative, absolute) 엘리먼트 배치가 순서대로만 위아래로 또는 좌우로 흐르면서 쌓이기만 하면, 다양한 배치를 하기 어렵습니다. ..

#jisu > p:nth-child(2) 는 jisu라는 id를 가진 태그의 두번째 자식이 p태그이면 해당 태그에 css를 적용해달라는 뜻이다.( 만약 첫번쨰자식이 p태그 두번쨰자식이 span 세번째 자식이 p태그이면 적용이 안된다. (두번째 자식이 아니므로) #jisu > p:nth-of-type(2)는 jisu라는 id를 가진 태그 자식들 중에 두번째로 나오는 p태그에 CSS적용을 하는 것이다. nth-child와 차이점으로 자식이 p, span , p여도 세번째 나오는 p가 두번째로 나오는 p태그이므로 css 적용이 된다. 참고로 >자식관계일때만 이게 동작하고 띄어씌기 자손관계일떄는 동작을 안한다고도 한다. 첫번째 단락에 red 색상이 적용됩니다. 단락 선택 첫번째 단락입니다 두번째 단락입니다 세번..

CSS는 똑똑하게 동작하며 우선순위가 있다. 1. 첫번쨰 우선순위 먼저 크게 우선순위를 나누면 inline방식 < internal, external 이다. internal과 external은 뭐가 뒤에 오냐에 따라 우선순위가 그떄그떄 달라진다. (CSS는 기본적으로 만약 똑같은 내용이 있을 경우 뒤에 온 CSS스타일을 적용한다. 예를들어 이렇게 head태그사이에 internal방식과 그 뒤에 external방식이 있다고 치자. 물론 css.css에도 똑같이 internal 스타일처럼 div { color:blue; } 이렇게 되있는데 색만 blue라고 해보자. 그럼 external 방식이 internal방식보다 뒤에 선언되있으므로 external css가 적용되서 div태그사이의 색은 blue가 된다. ..

클라이언트가 서버에 데이터를 요청을 하고 서버로부터 받은 데이터 즉 웹을 통해서 전달된 데이터를 브라우저를 통해 화면에 띄워주게 된다. 여기서 브라우저는 크롬, 익스플로어, 사파리, 파이어폭스 등 여러가지가 있다. 그럼 화면에 띄워주기위한 브라우저의 동작방식이 있을 것이다. 브라우저는 데이터를 해석해주는 파서와 해석한 데이터를 화면에 표현해주는 렌더링 엔진이 있는데 파서로 전달받은 데이터를 세부적으로 나눠서 해석하게되고 랜더링작업을 마친 후 화면을 띄워주게 된다. 다음 밑 그림을 참고하도록하자. 사파리 브라우저에서 처리되는 webkit렌더링엔진의 처리과정출처 https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/ 이런식으로 HTML, CSS..

HTTP는 팀 버너스리와 그의 팀이 발명하였으모 Hypertext Transfer Protocol의 약자이다. HTTP는 서버와 클라이언트가 인터넷상에서 데이터를 주고받기 위한 프로토콜이다. HTTP는 서버/클라이언트 모델이며, 장점과 단점은 다음과 같다. 장점 - 불특정 다수를 대상으로 하는 서비스에는 적합하다. - 클라이언트와 서버가 계속 연결된 형태가 아니기 때문에 클라이언트와 서버 간의 최대 연결 수보다 훨씬 많은 요청과 응답을 처리할 수 있다. 단점 - 연결을 끊어버리기 때문에, 클라이언트의 이전 상황을 알 수가 없다. - 이러한 특징을 무상태(Stateless)라고 말한다. - 이러한 특징 때문에 정보를 유지하기 위해서 Cookie와 같은 기술이 등장하게 되었다. 또 HTTP를 공부하면 URL..

https://www.edwith.org/boostcourse-android/lecture/20421/ [LECTURE] 2) 쉐이프 드로어블 : edwith 들어가기 전에 쉐이프 드로어블을 사용하면 XML을 이용해 도형을 그릴 수 있습니다. 도형을 그리려면 원래 소스 코드에서 캔버스(Canvas)라는 객체를 이용해야 하지만 쉐이프 드로... - 부스트코스 www.edwith.org