본문 바로가기

Programming👩🏻‍💻

2 JavaScript 추상화 구체적인 정보들은 숨기고 핵심만 뽑아내서 필요한 표현만 하는 방식을 추상화, Abstraction. 추상..추상 말은 어려울지 몰라도 우리 일상생활에 추상화된 많은 것들이 존재한다. 책의 내용을 함축한 책 제목이라던지.. 몇 시간짜리 영화의 줄거리라던지 등등.. 결국 디테일한 내용은 숨기고 목적에 맞게 필요한 핵심 정보만 표현을 한다. 왜 죄다 빼먹어~ 이럴 수 있지만 되려 이러한 표현들이 훨씬 효과적으로 소통이 가능할 수 있다는 장점이 크다. 프로그래밍에서도 예외는 아니다. 어떤 프로그램을 만든다는 것은 코드를 작성하는 자신과 소통이 될 수도 있고 작성한 코드를 실행하는 컴퓨터와 소통이 될 수있고 아니면 함께 코드를 작성하는 동료와 소통, 내가 만든 프로그램을 사용하는 사용자와의 소통이 될 수도.. 더보기
JavaScript 1 이젠 어떤 것을 학습하면 내가 누군가에게 쉽게 알려줄 수 있는 수준에 가까워질 수 있도록 의식을 하면서 공부를 해야겠다. 항상 읽고 머리로는 당장 이해가 되니까 내가 되새기면서 체화를 시키지 않는다.. 시간 낭비하지 말자............어차피 할껀데 ㅋ,,화이퉹 화이퉹..! 우리 생활에서 이젠 없어설 안될 존재.. 웹웹.. 인간의 생활을 편리하게 만들어 주는 플랫폼이라는 개념의 이상으로 또 다른 우리의 생활 공간이자 삶이다. 웹은 89년에 처음 등장해서 90년도에 보편화가 시작됐다. 그 당시엔 그저 서로 글이나 숫자같은 아주 단순한 정보를 공유하는 역할만 했을 것.. 그치만 인간은 그것에 그치지 않지.. 더 나아가서 이미지, 영상도 공유할 수 있게 만들었고 더 나아가 채팅,은행 업무,게임 무궁무진한.. 더보기
jsfiddle Jsfiddle 사용하기(jsfiddle.net/) - collaborate 기능: 협업기능으로 실시간으로 여러사람과 코딩을 할 수 있음 소스코드 환경 만들기(시뮬레이션으로 사용하고싶은 코드를 추가) - 나의 계정 메뉴에서 new fiddle 선택 - 프로그래밍 언어 종류에서 드롭박스를 누르면 타입을 선택할 수 있다. 외부라이브러리 링크 - 좌측 메뉴단에서 Resources에 링크 붙여 넣고 플러스 버튼으로 추가한다. - HTML/ JS 소스 붙여 넣기 - sample 데이터값들이 넘어오지 않을 경우 크롬 개발자모드(F12)에 들어가서 'Network'탭에서 'XHR', 'JS' 등 데이터 타입이 있는데 어느 경로 넘어오는지 확인한다. 오늘 수업의 경우는 개발자 도구의 NETWORK - JS에서 DOC... 더보기
*중요 디버깅, 단위테스트 service 단에 데이터가 잘 전달되는지 확인 하기 위해 브레이크포인트 넣어서 확인하기. 단위테스트의 시작 *테스트를 하는 습관은 정말 중요하니까 항상 몸에 익숙하게 만들자! 내가 테스트하고자 하는 것을 시나리오를 먼저 만들어야함. 1. 테스트 디렉토리 만들기 [src - test - java - edu -axboot - domain - {company - [CompanyServiceTest.java]} 2. class 설계 *Junit assert 기능 알아보기 3. Test 구성 Test 실행: 현 소스코드에서 마우스 오른쪽 클릭 run으로 실행 디버그 실행: 현 소스코드에서 마우스 오른쪽 클릭 디버그 run으로 실행 package edu.axboot.domain.company; import com.. 더보기
Mybatis연동 자세한 메뉴얼은 공식홈페이지에 있긴함 api.axboot.com/ AXBoot소개 · ax-boot-document api.axboot.com 개발자도구-ModelExtractor - CompanyM - code에서 interface/XML 부문을 활용. 1. CompanyController.java에서 mybatis 조회기능을 추가해야함. 앞서 querydsl 기능에서 조회부분을 가져와서 약간의 변경을 해줌. *정의가 안된 함수나 클래스는 alt+Enter 단축키로 생성한다. control+alter+b = 정의된 클래스 파일로 이동(인텔리제이 기준) // value= "/mybatis"로 변경 @RequestMapping(value = "/myBatis", method = RequestMethod.G.. 더보기
QueryDSL QueryDSL? 오픈소스 프로젝트로 복잡한 Creteria를 대체하는 JPQL빌더이다. 복잡한 쿼리와 동적쿼리를 깔끔하게 해결해주고 쿼리를 자바 코드로 작성할 수 있다. 따라서 문법오류를 컴파일 단계에서 잡아줄 수 있다. -Creteria는 Java코드를 이용해 JPQL을 작성할 수 있게 도와주는 타입 세이프(Type-Safe: 타입에 안정적 즉 어떠한 오퍼레이션(또는 연산)도 정의되지 않은 결과를 내놓지 않은 것이다. 예측불가능한 결과를 내지 않는 것을 뜻함)를 제공하는 쿼리이다. SQL 쿼리를 대체해 HQL, JPQL을 자바 코드로 이용해 작성할 수 있게 해 준다. -JPQL는 JPA의 일부로 정의된 플랫폼 독립적인 객체지향 쿼리이다. SQL에 크게 영향을 받아 SQL문과 비슷하지만 데이터베이스의 .. 더보기
Mac 맥) Maven 설치 및 환경 변수 설정 1. 알맞는 버전의 Maven을 다운로드(bin.tar.gz로 확장자 zip파일을 다운로드)하고 압축을 풀어준다. 2. 터미널을 킨다. 3. 아래 명령어로 메이븐 폴더를 옮겨준다. 혹은 직접 폴더를 원하는 디렉토리에 옮겨도 된다. $>mv /Desktop/maven3.3.9 /usr/local 그리고 유저 디렉토리로 돌아간다. $>cd 4. 유저 환경설정을 해주기 위해 아래 명령어를 입력한다. $>vi .bash_profile 위에 명령에 대해서는 조만간 별도로 알아봐야될 것 같다 환경설정을 추가해주기 위해서 엔터를 처음에 치고 키보드에서 'i'를 입력 해주면 '---INSERT---'라는 문구를 볼 수 있을 것이다. 그 그러면 커서를 이동해서 기존에 환경설정 되어있는 텍스트 위에 아래 문구를 추가해주면.. 더보기
Ajax (Asynchronous JavaScript and XML) Ajax는 자바스크립트의 라이브러리중 하나이다. 비동기 자바스크립트 + XML이다. 서버와 통신하기 위해 XMLHttpRequest 객체를 사용한다. JSON/XML/HTML 그리고 일반 텍스트 형식 등을 포함한 다양한 포맷을 주고 받을 수 있다. AJAX의 강력한 특징은 페이지 전체를 리프레쉬 하지 않고서도 수행 되는 "비동기성"이다. 사용자의 이벤트가 잇으면 전체 페이지가 아닌 일부분만 업데이트 할 수 있게 해준다. 요약하면, 1. 페이지 새로고침 없이 서버에 요청 2. 서버로부터 데이터를 받고 작업을 수행 라이브러리? 더보기 클릭! 더보기 💡여기서 라이브러리란? '도서관'이라는 뜻을 가지고 있는 라이브러리는 개발에서 자주 사용하게 되는 코드를 하나의 함수나 클래스라는 단위로 묶어 코드를 재사용하는 .. 더보기

반응형