본문 바로가기

전체 글

 (52)
[실전 개발자를 위한 Spring Framework ] 강의 - Spring S사의 협력사인 우리 회사는 파트너사 자격으로 S사에서 진행하는 온라인 강의를 수강할 수 있는 기회를 가졌습니다. 다양한 강의들이 있었고 6가지 강의를 신청했지만 모두 탈락되었고, 5월에 다시 1개의 강의를 신청하여 수강할 수 있게 된 강의가 바로 스프링 프레임워크 강의입니다 원래는 객체지향을 먼저 다진 후에 복습하려고 했던 스프링이지만, 5월 안에 수강하여야 되기에,, 순서가 약간 거꾸로지만 선행 및 병행 학습 하면서 가보도록 하겠습니다! 01강 스프링 프레임워크 개요 개요 : EJB를 주 프레임워크로 사용할 때 불편했던 점들을 보완하여 나타남 2002년 로드 존슨이 출판한 도서 J2EE 디자인 앤 개발에 선보인 코드가 스프링에 근간이 됨 이걸 기반으로 로드 존슨의 허가를 받은 뒤에 프레임워크로 발전 ..
뉴 렉쳐 [웹 표준 기반의 웹 퍼블리싱 HTML5, CSS] 강의 (1) 기본기 다지기 - 유튜브 뉴 렉쳐 채널의 [웹 표준 기반의 웹 퍼블리싱 HTML5, CSS] 강좌 (총 38강) 해당 채널은 강의 컨텐츠의 역사부터 현재까지 흐름과 트렌드를 빠짐없이 강의해주는 개인적으로 매우 유익한 내용을 담고 있다고 생각되는 채널입니다. 지난 부스트코스의 HTML 기초에 이어 HTML5, CSS 의 기초를 확실히 다지고자 뉴 렉쳐의 HTML5, CSS 강좌를 학습하기로 결정하였습니다. 이 다음으로 유튜브 NomadCoder 의 바닐라JS 강좌를 학습할 예정이기에 HTML5, CSS 를 꼼꼼히 복습해놓도록 할 것입니다! 기초가 탄탄하지는 않지만 나름 만 2년 8개월 동안 실무를 경험했기에.. HTML 태그 실습과 같은 부분은 정리 없이 빠르게 넘어가고! 나중에 다시 한 번 복습하고 싶은..
"웹 서비스 개발 중 마주했던 CORS(Cross-Origin Resource Sharing)" 너무 잘 정리되어 있어 내용을 그대로 퍼왔습니다. 원문 참고 : https://ithub.tistory.com/63 : https://velog.io/@jmkim87/%EC%A7%80%EA%B8%8B%EC%A7%80%EA%B8%8B%ED%95%9C-CORS-%ED%8C%8C%ED%97%A4%EC%B3%90%EB%B3%B4%EC%9E%90 1. CORS(Cross-Origin Resource Sharing) 이란? : CORS는 Cross-Origin Resource Sharing의 약자로 보안상의 이유로, 브라우저들은 스크립트 내에서 초기화되는 cross-origin HTTP 요청을 제한합니다. 예를 들면 다음과 같습니다. 위 예제에서 사이트의 도메인은 www.a.com인데 Ajax를 할 경우 www.b..
"[HTML5] SVG vs Canvas?" - Canvas vs SVG : canvas 요소와 svg 요소는 거의 같은 결과물을 얻을 수 있는 비슷한 동작을 하는 요소입니다. 어떤 경우에는 canvas 요소를 사용하는 것이 더 나으며, 어떤 경우에는 svg 요소를 사용하는 것이 더 나은 경우가 있습니다. - 작업 환경에 따른 선택의 기준 다음 그림은 화면 크기 및 픽셀 수에 따른 렌더링 시간(rendering time)을 보여줍니다. 렌더링(rendering)이란 프로그램을 사용하여 모델로부터 영상이나 화면을 만들어내는 과정을 가리킵니다. 따라서 렌더링 시간이란 코드를 실행하여 그 결과가 화면에 표시되는 시간을 의미합니다. - canvas 요소의 성능은 화면이 작거나, 픽셀 수가 많을 경우(>10k)에 좋습니다. - svg 요소의 성능은 화면이 ..
"Cross Browsing?" 1. Cross Browsing 이란? : 크롬, 사파리, IE, 오페라, 파이어폭스 등등 브라우저의 종류는 매우 다양합니다. 이 많은 브라우저들의 동작 방식은 W3C라는 국제 웹 표준화 기구에서 제공하는 스펙(가이드 라인)을 따라서 동작합니다. 하지만 W3C에서 제공하지 않은 아주 세밀한 스펙 내용들은 각 브라우저에서 상황에 맞게 구현되어 있습니다. 이 부분이 Chrome을 기반으로 개발한 웹 어플리케이션이 다른 브라우저에서 Chrome과 같이 완전히 정상적으로 동작할 것이라 생각해선 안되는 이유입니다. 즉, 크로스 브라우징이란 표준 웹 기술을 따르면서 다른 기종 혹은 플랫폼에서 달리 구현되는 기술을 비슷하게 만듦과 동시에 어느 한쪽에 최적화되어 치우치지 않도록 공통 요소를 사용하여 웹 페이지를 제작하..
"HTML 메타데이터와 태그에 대해 알아보자" ... MDN 참고하여 사용! 참고 : https://developer.mozilla.org/ko/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML
"Web Browser 는 어떻게 동작하는가?" ... 매우 심도 있는 내용으로 지속적으로 공부하여 정리! 참고 : https://janghanboram.github.io/2018/06/06/browser-rendering/ : https://d2.naver.com/helloworld/59361
부스트 코스의 [초보자를 위한 HTML & CSS 동작과 원리] 강의 - (2) 기본기 다지기 - 부스트 코스의 [초보자를 위한 HTML & CSS 동작과 원리] 강의 HTML 이란 무엇인가와 HTML의 튜토리얼 강의 2번째 정리 글입니다. CHAPTER 4: Layout 설정 (1) Position 속성을 위한 Layout CSS 속성 중 position 에 대한 개념 강의입니다. position 에 할당되는 값은 태그의 위치 값을 조정하는 데에 사용됩니다. static / relative / absolute / fixed 네 가지 속성으로 구성되어 있습니다. static position 설정의 default 값입니다. top/right/bottom/left 에 관계없이 엘리먼트 위치에 고정적으로 위치합니다. relative 자신이 위치한 박스 포지션에서 top/right/bott..
부스트 코스의 [초보자를 위한 HTML & CSS 동작과 원리] 강의 (1) 기본기 다지기 - 부스트 코스의 [초보자를 위한 HTML & CSS 동작과 원리] 강의 HTML 이란 무엇인가와 HTML의 튜토리얼을 위한 간략하게 잘 정리된 강의입니다. 주니어 탈출기로 프론트엔드 개발자 첫 밑바닥을 이 강의와 뉴렉쳐의 HTML/CSS 강의를 함께 복습하기에 적합한 강의였습니다. CHAPTER 1: HTML을 통한 웹사이트 구조 설계 HTML 이란 무엇인가. HyperText Markup Language html, head, body 로 구성되어 있으며 head 는 화면에 보여지기 위한 추가적인 메타정보를 담고 있고 body 는 화면에 보여지는 부분을 담당. CHAPTER 1: HTML을 통한 웹사이트 구조 설계 HTML 이란 무엇인가. HyperText Markup Language h..
"MSSQL, Table Column 조작 !" 컬럼 추가 ALTER TABLE ${TALBE_NAME} ADD ${COLUMN_NAME} ${COLUMN_TYPE} NULL 허용 ALTER TABLE BOARD ADD SECURITY CHAR(1) NULL; NULL 허용하지 않음(기본값 설정) ALTER TABLE BOARD ADD SECURITY CHAR(1) NOT NULL CONSTRAINT DF_ADDR DEFAULT 'N'; 컬럼 수정 ALTER TABLE ${TABLE_NAME} ALTER COLUMN ${COLUMN_NAME} ${COLUMN_TYPE} ALTER TABLE BOARD ALTER COLUMN SECURITY VARCHAR(1) NULL; 컬럼명 수정 EXEC SP_RENAME '${TABLE_NAME.[OLD_COLUM..
"JSP, 액션 태그(Action Tag)에 대해" JSP 페이지를 개발 하면서 간단하게 액션 태그에 대해 정리해보는 내용입니다. 누군가 물어봅니다. 액션 태그가 뭐야? 음... 바로 떠오르지가 않기 때문에 정리를 먼저 하고 다시 대답하기로 하겠습니다. 액션 태그는 JSP 페이지에서 사용할 수 있는 여러 기능을 제공하는데, 이러한 기능을 통해 웹 브라우저에서 자바 애플릿을 실행시키고, 다른 페이지로 이동하고, 다른 페이지의 실행 결과를 현재 페이지로 가져올 수 있는 기능들이 있습니다. - JSP 에서 제공하는 액션 태그 (1) Forword 액션 태그, , param 액션 태그 현재의 페이지에서 다른 특정 페이지로 전환할 때 사용합니다. (바로 넘어감) (2) Include 액션 태그, Hello World 이 동작을 하면, 저 페이지를 읽고 돌아옵니다...
"Java 개발 환경에 대해, ( java SE,EE 가 가진 API 외 )" Java 개발자로써 습관적으로 진행했던 java 최신버전 다운로드, eclipse 설치, tomcat 설치.. 이러한 하나 하나의 단계의 이유를 알고자 다시 한 번 정리하게 되었습니다. 누군가가 물어봤을 때, 또는 소스 외 에러가 났을 때, 정확히는 자바에 대한 도메인 지식을 넓히기 위해서 언제 Java EE 또는 SE 를 설치 하는지, 각 플랫폼이 가진 특징은 무엇인지 정리해보겠습니다. 먼저 Java 기술은 프로그래밍 언어와 플랫폼 모두를 아우르고 있습니다. Java 프로그래밍 언어는 고수준 객체 지향형 개발 언어이며 플랫폼은 자바 프로그래밍 언어로 작성되어진 어플리케이션을 실행시키는 환경입니다. Java 의 종류는 두 가지만 알고 간다면, Java SE 와 Java EE 가 있습니다. 표준 에디션의 ..

티스토리툴바