티스토리

검색하기내 프로필

블로그 홈

Jadevlog

구독자
0

구독하기 방명록
신고

주요 글 목록

  • 프론트엔드 데브코스 회고 - 2023.10글 내용

    9월 19일 데브코스가 개강하고, 한 달간 매우 많은 일이 있었다. 기록 일단 현재 노션에 있는 이 모든 것들이 한 달간 작성된 것들이다. 내 인생에 살면서 이렇게 기록을 많이 했던 적이 있었을까 싶다 P인 나에게는 기록하는 것이 꽤나 힘든 습관이었다.(전 세계의 P분들 공감해 줘요) 내 머릿속에 들어오지 않는데 글로 적으려니 시간은 더 걸리고, 그렇다고 이해에 크게 도움이 되는 건 아니라서, 당장 머릿속에 넣고 이해하는 것이 일 순위였던 나에게 기록이란 비효율적인 일이라고 생각했다 하지만 이번에 데브코스를 하면서 다짐했던 것 중에 하나가 TIL을 꼬박꼬박 적자!! 였기 때문에 어쩔 수 없이(?) 쓰게 되었고 그렇게 한 달간 써본 내 후기를 요약하자면 이것이었다. 1. 기록은 정말 중요한 것이다(ㅋㅋ) ..

    좋아요0
    댓글0작성시간2023. 10. 26.
    게시글 이미지
  • TIL | JavaScript 주요 문법 (3) | 데브코스 5기 Day3글 내용

    자료구조&알고리즘 자료구조+알고리즘 = 프로그램 자료구조 메모리, 속도, 안정성 쪽으로 상황에 따라 유용한 특정 구조 ex. 스택, 큐, 그래프, 트리 알고리즘 일련의 절차와 방법을 공식화한 형태 ex. 이진, 최단 탐색 자료구조와 알고리즘이 중요한 이유 실무에 중요한 세가지 1. 기초 코딩 능력 자료구조, 알고리즘을 공부해야 함 문제 해결 능력! == 일머리 논리적 사고 : 현상을 추론 후 구조화 하여 해답을 찾는 능력 전산화 능력 : 현실 -> 컴퓨터로 구현 엣지 케이스 탐색 : 예외사항 찾기 2. 전문 분야 (나같은 경우는 FE) 3. 기본 CS 지식 업무상 발생하는 예외사항에 대응 할 수 있음 자료구조의 종류 자료구조의 목적 : 전산화를 위한 것임 자료구조의 구분 단순구조 정수, 실수, 문자열, ..

    좋아요0
    댓글0작성시간2023. 9. 22.
  • TIL | JavaScript 주요 문법(1) | 데브코스 5기 Day1글 내용

    JavaScript와 프론트엔드 개발 - html : 정적 언어, 동적 기능을 하지 못함 - 프로그래밍 언어를 브라우저에 내장하여 동적으로 기능하게 하기 위해 JavaScript 등장 - 브라우저 동작 원리 ㄴ 통신 : 브라우저와 서버 사이의 통신 ㄴ 렌더링 : 객체 DOM을 화면에 그리는 것 (*DOM : 브라우저가 통신을 통해 받은 html을 읽어 생성, 트리구조, ...) ㄴ 스크립트 실행 : 브라우저가 js를 실행 - 프론트엔드는 특히 협업이 중요 ! : 디자이너에게 디자인을 받고, 백엔드 개발자에게 데이터를 받아 작업 - 프론트엔드 개발자가 필요한 소양 : 커뮤니케이션, UI, 네트워크 & 보안, 다양한 브라우저 대응, 디자인 변수, 상수, 자료형 그리고 메모리 - 변수 : var는 ES6이후로..

    좋아요0
    댓글0작성시간2023. 9. 20.
  • 0. 개발환경 구축(for Mac)글 내용

    참고)https://dev-yakuza.posstree.com/ko/react-native/install-on-mac/ 맥(Mac)에 react native 개발 환경 구축하기 react-native로 앱을 개발하기 위해 맥(Mac)에 개발 환경을 구축해 보고, react-native로 생성한 프로젝트가 잘 동작하는지 확인해 봅니다. dev-yakuza.posstree.com 1. Homebrew 설치 * Homebrew : 맥에서 필요한 패키지를 설치하고 관리하는 맥용 패키지 관리자 2. Nodejs 설치 * Nodejs : RN의 언어인 Javascript의 런타임 3. Watchman 설치 * Watchman : 특정 폴더나 파일을 감시하다가 변화가 생기면, 특정 동작을 실행하도록 설정하는데 RN에..

    좋아요0
    댓글0작성시간2022. 5. 3.
  • 23장. 마이바티스 프레임워크 사용하기글 내용

    23.1 마이바티스란? 애플리케이션 규모가 커지면서 JDBC로 개발하는데 한계(SQL문이 복잡, 연동 작업이 반복됨)가 생기며 마이바티스나 하이버네이트 같은 데이터 연동 관련 프레임워크가 등장 마이바티스를 사용하면 복잡한 SQL문도 SQL Developer 같은 도구에서 SQL문을 사용하는 것처럼 표준화된 방법으로 사용 가능 SQL 실행 결과를 자바 빈즈나 Map 객체에 매핑해주는 Persistence 솔루션으로 관리 => SQL을 소스코드가 아닌 XML로 분리 SQL문과 프로그래밍 코드를 분리해서 구현 datasource 기능과 트랜잭션 처리 기능을 제공 각 기능별로 실행할 SQL문을 xml파일(이하 SqlMap.xml이라 칭함)에 작성한 후 SqlMapConfig.xml에 등록 실행하고 싶은 sql문..

    좋아요0
    댓글0작성시간2022. 3. 3.
  • 22장. 스프링 JDBC 기능글 내용

    22.1 스프링 JDBC로 데이터베이스와의 연동 설정하기 기존 JDBC(Java Database Connectivity)의 장점을 유지하고 단점을 보완한 스프링 JDBC는 간결한 API 뿐만 아니라 확장된 JDBC의 기능도 제공 실제 개발할 때는 스프링 JDBC 기능보다 마이바티스나 하이버네이트 같은 데이터베이스 연동 관련 프레임워크를 사용하지만 스프링 JDBC의 기본적인 기능을 알아두면 좋음 파일 설명 web.xml ContextLoaderListener를 이용해 빈 설정 XML 파일들을 읽어드림 action-dataSource.xml 스프링 JDBC 설정에 필요한 정보를 설정 jdbc.properties 데이터베이스 연결 정보를 저장 action-service.xm..

    좋아요0
    댓글0작성시간2022. 3. 2.
    게시글 이미지
  • 21장. 스프링 MVC 기능글 내용

    21.1 스프링 프레임워크 MVC의 특징 모델2 아키텍쳐를 지원 스프링과 다른 모듈과의 연계가 쉬움 타일즈나 사이트메시 같은 View 기술과의 연계가 쉬움 태그 라이브러리를 통해 message 출력, theme 적용 그리고 입력 폼을 보다 쉽게 구현 가능 +) 9. view의 결과를 DispatcherServlet으로 보냄 +) 10. DispatcherServlet은 최종 결과를 브라우저로 전송 - 각 구성요소의 설명 구성 요소 설명 DispatcherServlet 클라이언트의 요청을 전달받아 해당 요청에 대한 컨트롤러를 선택하여 클라이언트의 요청을 전달, 또한 컨트롤러가 반환한 값을 View에 전달하여 알맞은 응답을 생성 HandlerMapping ..

    좋아요0
    댓글0작성시간2022. 3. 1.
    게시글 이미지
  • 20장. 스프링 AOP 기능글 내용

    20.1 관점 지향 프로그래밍의 등장 모든 웹 애플리케이션에서 공통으로 사용하는 보조기능(ex. 로깅, 트랜잭션, 예외 처리, 이메일 통보 기능 등)은 일일이 구현하는 번거로움을 관점 지향 프로그래밍(AOP, Aspect Oriented Programming)으로 해결한다. AOP : 메서드 안의 주기능과 보조 기능을 분리한 후 선택적으로 메서드에 적용해서 사용하는 것 AOP를 사용하면 전체 코드에 흩어져 있는 보조 기능을 하나의 장소에 모아서 관리할 수 있음 보조 기능을 자신이 원하는 주기능에 선택적으로 적용할 수 있음 20.2 스프링에서 AOP 기능 사용하기 여러가지 AOP 관련 용어 용어 설명 aspect 구현하고자 하는 보조 기능 advice aspect의 실제 구현체(클래스). 메서드 호출을 기..

    좋아요0
    댓글0작성시간2022. 2. 28.
    게시글 이미지
  • 19장. 스프링 의존성 주입과 제어 역전 기능글 내용

    객체 지향 프로그래밍 언어에서 클래스는 특정 기능을 수행하는 부품 역할을 함 사용자의 요구 사항에 따라 클래스 기능을 변경하거나 다른 클래스 기능으로 대체해야 하는 경우에 더 수월하게 대체할 수 있게 도입된 기능이 의존성 주입(DI)과 제어 역행(IoC) 19.1 의존성 주입하기 (before) 어떤 한 클래스가 다른 클래스의 기능을 사용 => 개발자가 직접 코드에서 사용할 클래스의 생성자를 호출. (before) 사용할 클래스와 사용될 클래스의 관계 => 개발자의 의해 직접 코드에서 부여 (now) 의존성 주입으로 컨테이너가 연관 관계를 직접 규정 코드에서 직접적인 연관 관계가 발생하지 않으므로 각 클래스들의 변경이 자유로워짐 약한 결합(한 기능을 변경해도 다른 기능의 변화는 거의 x) 좋은 프로그램은..

    좋아요0
    댓글0작성시간2022. 2. 27.
  • 18장. 스프링 프레임워크 시작하기글 내용

    모델2 기반으로 개발하면 장점도 있지만 새로운 애플리케이션을 개발할 때마다 공통기능까지도 일일이 처음부터 다시 개발해야 한다는 단점이 있음 일반적인 웹 애플리케이션에서 많이 사용하는 기능은 미리 만들어서 제공하고 그 외에 필요한 부분만 추가 및 수정하여 표준화를 추구하여 해결한다. 지금 대부분의 웹 애플리케이션은 각 기능을 개발자가 일일이 구현하기 보단 표준화된 방법으로 개발한다. 이를 가능하게 해주는 것이 스프링 같은 프레임워크 환경이다! 18.1 프레임워크란? 어떤 것을 구성하는 구조 또는 뼈대 // 기능을 미리 클래스나 인터페이스 등으로 만들어 제공하는 반제품 개발자는 여기에 자신의 상황에 맞게 변형 및 추가해서 사용한다. 일정한 기준에 따라 개발이 이루어지므로 개발 생산성과 품질이 보장된 애플리케..

    좋아요0
    댓글0작성시간2022. 2. 26.
  • 17장. 모델2 방식으로 효율적으로 개발하기 - ③ 답변형 게시판(답글쓰기, 페이징 구현)글 내용

    답글 쓰기 구현 - 그냥 글쓰기와 같은데 parentNO만 (세션에 저장해서) 넘겨주는 것만 다름 - view.jsp에서 replyForm.do로 현재글 번호를 parentNO라는 이름으로 바인딩 - replyForm.do에서는 parentNO를 넘겨 받아 세션에 저장 후 replyForm.jsp로 넘겨줌 - replyForm.jsp에서 글 작성 후 addReply.do로 넘겨주고, 여기서 parentNO를 포함해 VO객체를 만들어 service에 넘겨줌 - service에서는 새 글 추가한 메서드였던 dao.insertNewArticle을 호출해서 저장 >> 나는 그냥 service에서 addArticle호출 함 - 다시 컨트롤러에서 돌아와서도 새 글 추가와 기능 수행(사진 업로드 등) - view.j..

    좋아요0
    댓글2작성시간2022. 2. 25.
  • 17장. 모델2 방식으로 효율적으로 개발하기 - ② 답변형 게시판(CRUD 구현)글 내용

    17.4 모델2로 답변형 게시판 구현하기 - 글 목록이 나열되고, 부모 글에 대한 답변 글(자식 글)이 계층 구조로 나열되어있고 답변 글에 대한 답변 글도 허용되는 게시판을 만들어보자 - 각 글에는 작성자 ID(id)가 있는데 이것은 회원 테이블의 ID컬럼에 대해 외래키를 속성으로 가진다. - parentNO 컬럼은 답변이 달린 부모글의 번호를 나타냄, 0이면 자신이 부모글임 -구현 절차 1. 게시판 기능 테이블을 생성하고 데이터 넣기 2. model(service,dao) - view(jsp) - controller(servlet) 구현 1.게시판 기능 테이블을 생성하고 데이터 넣기- sql(오라클) 코드 DROP TABLE t_Board CASCADE CONSTRAINTS; create table t..

    좋아요0
    댓글0작성시간2022. 2. 25.
  • 17장. 모델2 방식으로 효율적으로 개발하기 - ①모델1과 모델2(MVC)글 내용

    17.1 웹 애플리케이션 모델 - 웹 애플리케이션을 개발할 때 일일이 처음부터 새로 개발하는 것이 아니라 기존에 웹 애플리케이션 개발 방법이나 방식을 따름 - 따라서 지금의 웹 애플리케이션 개발은 표준화 소스 구조(=웹 애플리케이션 모델)를 만들어 진행 - 웹 애플리케이션 모델의 종류에는 모델1과 모델2 방식이 있음 - 비즈니스 로직 작업(ex. db연동)과 그 작업 결과를 나타내주는 작업을 동일한 JSP에서 수행(앞서 했던 실습들) - 모든 클라이언트의 요청과 비즈니스 로직 처리를 JSP가 담당 - 유지보수가 어려움, 코드 재사용성이 떨어짐 - 웹 애플리케이션의 각 기능(클라이언트의 요청 처리, 응답 처리, 비즈니스 로직 처리)을 분리해서 구현 - 각 기능이 서로 분리되어 있어 개발 및 유지보수가 쉽고..

    좋아요0
    댓글0작성시간2022. 2. 25.
  • 16장. HTML5와 제이쿼리글 내용

    16.1 HTML5 주요 개념 HTML5 : HTML의 최신 버전 - 기존 HTML4에서는 지원하지 않는 동영상이나 오디오 기능 그리고 지리 위치 정보 등을 지원 - 플러그인을 따로 설치하지 않아도 화려한 그래픽 효과 구현 가능 - 운영체제에 상관없이 모바일환경에서도 기능 구현 가능 - 여러가지 기능 기능 설명 Web Form 입력 형태를 보다 다양하게 제공 Video 동영상 재생을 위한 API 제공 Audio 음악 재생을 위한 API를 제공 Offline Web 인터넷 연결이 되지 않은 상태에서도 정상적인 기능을 지원하는 API 제공 Web DataBase 표준 SQL을 사용해 데이터를 저장할 수 있는 기능을 제공 Web Storage 웹 애플리케이션에서 데이터를 저장할 수 있는 기능을 제공 Canva..

    좋아요0
    댓글0작성시간2022. 2. 24.
    게시글 이미지
  • 15장. JSP 페이지를 풍부하게 하는 오픈 소스 기능글 내용

    15.1 JSP에서 파일 업로드 - JSP는 대부분의 기능을 오픈 소스로 제공(파일 업로드/다운로드, 이메일 등) 1) 파일 업로드 라이브러리&commons-io-2.6.jar 파일 설치 2) enctype="multipart/form-data"로 지정 & input type이 file인 태그를 포함한 요청 jsp파일 작성 3) 업로드 기능 수행하는 서블릿 작성 - 파일 업로드 라이브러리에서 DiskFileItemFactory 클래스와 ServletFileUpload 클래스 가 있다. 메서드 기능 setRepository() 파일을 저장할 디렉터리 설정 setSizeThreadhold() 최대 업로드 가능한 파일 크기를 설정 < Serv..

    좋아요0
    댓글0작성시간2022. 2. 23.
  • 14장. 표현 언어와 JSTL - ②JSTL글 내용

    14.4 커스텀 태그 - 커스텀 태그 : 조건식이나 반복문 등 JSP 페이지에서 자주 쓰이는 자바 코드를 대체하기 위해 만든 태그 JSTL : JSP 페이지에서 가장 많이 사용하는 기능을 태그로 제공, JSTL 라이브러리로 제공(따로 설치 필요) 개발자가 만든 커스텀 태그 : 개발자가 필요에 의해 만든 태그, 스트러츠나 스프링 프레임워크에서 미리 만들어서 제공 14.5 JSP 표준 태그 라이즈러리(JSTL) - JSTL은 JSP2.0 규약부터 추가된 기능이므로 현재 톰캣에서 기본으로 제공X 사이트에서 라이브러리를 다운로드해야 함 * http://tomcat.apache.org/download-taglibs.cgi 사이트에 접속한 후 Impl, Spec, EL, Compat 네 개의 jar파일을 다운 > ..

    좋아요0
    댓글0작성시간2022. 2. 22.
    게시글 이미지
  • 14장. 표현 언어와 JSTL - ①표현언어글 내용

    14.1 표현 언어란? - JSP의 발전 과정 : HTML 태그를 중심으로 자바를 이용한 화면 구현 -> 액션 태그 -> (현재)표현 언어와 JSTL - 스크립트 요소 보다 표현언어와 JSTL을 요즘 많이 사용해서 구현 - 자바 코드가 들어가는 표현식을 좀 더 편리하게 사용하기 위해 JSP 2.0부터 도입된 데이터 출력 기능 - 변수와 여러 가지 연산자를 포함할 수 있음 - JSP의 내장 객체에 저장된 속성 및 자바의 빈속성도 표현 언어에서 출력할 수 있음 - 표현 언어 자체 내장 객체도 제공 - JSP 페이지 생성 시 기본 설정은 표현 언어를 사용할 수 없음 => 페이지 디렉티브 태그에서 반드시 isELIgnored="false"로 설정 해아 함 - 형식 : ${표현식 or 값} - 자료형 : bool..

    좋아요0
    댓글0작성시간2022. 2. 22.
  • 13장. 자바 코드를 없애는 액션 태그글 내용

    - JSP는 스크립트릿의 자바 코드를 제거하고 여러가지 액션태그들로 자바 코드를 대신하게 됨 이름 설명 형식 인클루드 액션 태그 이미 있는 JSP를 포함 포워드 액션 태그 서블릿의 RequestDispatcher 포워딩을 대신 유즈빈 액션 태그 객체를 생성하기 위한 new 연산자를 대신 셋프로퍼티 액션 태그 setter 겟프로퍼티 액션 태그 getter 13.1 인클루드 액션 태그 사용하기 - 화면을 분할해서 관리할 때 사용, 재사용 할 수 있게 함 - 형식 : ... ㄴ flush : 지정한 JSP를 실행하기 전 출력 버퍼 비움 여부를 지정 항목 인클루드 액션 태그 인클루드 디렉티브 태그 기능 JSP 레이아웃 모듈화 JSP 레이아웃 모듈화 처리 시간 요쳥 시 JSP -> 자바코드 변환 시 데이터 처리 ..

    좋아요0
    댓글0작성시간2022. 2. 21.
  • 12장. JSP 스크립트 요소 기능글 내용

    - JSP는 컨테이너에서 자바로 변환되는 과정을 거치므로 JSP에서 제공하는 스크립트 요소를 이용하면 조건이나 상황에 맞게 HTML 태그를 선택적으로 전송할 수 있음 => 화면을 동적으로 구현 가능 (cf. HTML태그 : 바로 브라우저로 전송되어 조건에 따라 화면을 동적으로 구현할 수 없음) 12.1 JSP 스크립트 요소 - 스크립트 요소 : 기호 안에 자바 코드로 구현하여 JSP 페이지에서 여러 가지 동적인 처리를 제공하는 기능 - : 스크립트릿 1. 선언문 : JSP에서 변수나 메서드 선언 2. 스크립트릿 : JSP에서 자바 코드를 작성 3. 표현식 : JSP에서 변수의 값을 출력 12.2 선언문 사용하기 - 선언문 : JSP 페이지에서 사용하는 멤버 변수나 멤버 메서드를 선언할 때 사용 - 선언문..

    좋아요0
    댓글0작성시간2022. 2. 20.
  • 11장. JSP 정의와 구성 요소글 내용

    11.1 JSP 등장 배경 - 초기 웹 프로그램은 앞 장들에서 그랬듯이 서블릿을 이용해서 화면을 구현 함 - (문제) 비즈니스 로직과 화면 기능이 같이 있다보니 개발 후 유지관리가 어려움 - (해결) JSP => 둘을 분리함으로써 개발 후 재사용성과 유지관리가 훨씬 수월해짐 - 서블릿 : 자바 코드를 기반으로 문자열을 사용해 HTML과 자바스크립트로 화면 구현 - JSP : HTML, CSS, 자바스크립트 기반으로 JSP 요소들을 사용해 화면 구현 1. HTML 태그, CSS, 자바스크립트 코드 2. JSP 기본 태그 3. JSP 액션 태그 4. 커스텀 태그(개발자가 직접 만듦 or 프레임워크에서 제공) 11.2 JSP의 3단계 작업 과정 * JSP는 톰캣 컨테이너에 의해 브라우저로 전송되기전에 변환 과..

    좋아요0
    댓글0작성시간2022. 2. 19.
    게시글 이미지
문의안내
  • 티스토리
  • 로그인
  • 고객센터
© Kakao Corp.