분류 전체보기

[Linux] 리눅스 가상환경 구성하기

1) Oracle Virtual Box 다운로드 https://www.virtualbox.org/wiki/Downloads Downloads – Oracle VM VirtualBox Download VirtualBox Here you will find links to VirtualBox binaries and its source code. VirtualBox binaries By downloading, you agree to the terms and conditions of the respective license. If you're looking for the latest VirtualBox 6.1 packages, see Virt www.virtualbox.org 2) Oracle Virtual Bo..

[정처기] C언어 정리

C언어 기본 구조 본문(main 함수) 전에 처리하는 전처리 부분과 본문으로 구성 헤더는 xxx.h 파일로 되어있고, 헤더 안에는 프로그래밍에 필요한 함수들이 포함 전처리기(Preprocessor 먼저 처리하는 애) 개념 실행 파일을 생성하는 과정에서 소스 파일 내에 존재하는 전처리 지시문을 처리하는 작업 전처리기 종류 #include : C언어 프로그램에 헤더 파일을 포함할 때 사용 #define : 매크로 정의, 상숫값 지정을 위한 예약어로 구문의 상수로 치환할 때 사용 C언어 기본코드 #include #define A 5 int main(){ printf(“수제비 %d”, A); return 0; } C언어는 main 함수부터 시작 stdio : standard input output define ..

SVN Commit Failed : Working copy '-' locked 에러 해결하기

🤯 비상상황 SVN 커밋하려고 매일 하던대로 Commit을 클릭했는데,, 갑자기 SVN Commit Failed : Working copy '-' locked 에러와 함께 commit이 진행되지 않았다. 🕵️‍♂️ 간단한 해결방법 프로젝트 위에 우클릭 ➡ Team ➡ cleanup 다시 team ➡ 싱크 맞춘 후 commit 하면 잘 될 것이여~ 뭐든 안되면 clean 해버려야 하는 것이 eclipse의 숙명이랄까,

[SQLD 합격] 제48회 SQL개발자(SQLD) 2트 합격후기

본인 소개 비전공 문과생(경영전공) 국비교육(6개월) 수료 SQLD 47회차 불합격(10점 미달) SQLD 48회차 합격(20점 상승) 현재 인턴중 시험준비 준비기간 : 일주일(하루에 2~3시간) 준비물 : 노랭이책, SQLD 요약본, YOUTUBE, HackerRank 문제풀이 노랭이책 : SQLD 필수 준비물 노랭이책! : 개념 한번 훑고 ➡ 문제 풀고 ➡ 오답정리(책에 바로 풀이 써버리기~) SQLD 요약본 : 자료 찾다보면 나오는 요약본 두 개. 시험에 나오는 개념들만 쏙쏙 정리되어 있어서 공부하기 좋았다. YOUTUBE 링크 : 요약본 보면서 듣기 딱 좋다! 아래 두 개 강의로 SQL 개념 확실하게 잡기 좋음. : SQLD 최종 정리강의 1편 - SELECT문장 ~ 트랜잭션 관리 언어(TCL) ..

test

보호되어 있는 글입니다.

시나리오_0421_1752

보호되어 있는 글입니다.

CONCAT으로 시작일 + 종료일 기간 출력하기

TABLE에 시작일, 종료일로 데이터를 입력받으나 웹에 출력할 때에는 기간으로 나타내야 할 경우 시작일 : start_date 종료일 : end_date SQL문 쿼리 작성 SELECT CONCAT(start_date, ' ~ ', end_date) AS use_date FROM TABLE명 >> 출력해야 할 그리드에 use_date를 넣어준다면 시작일 ~ 종료일을 출력할 수 있다. 😊 ✨날짜 형식도 같이 바꾸고 싶어요! to_char(시작일 / 종료일, '날짜형식')을 사용 SELECT CONCAT(to_char(start_date, 'yyyy-mm-dd'), ' ~ ', to_char(end_date, 'yyyy-mm-dd')) AS use_date FROM TABLE명

[생활코딩] 문서의 기하학적 특성(엘리먼트 위치 크기 알아내기 / Viewport / 스크롤 / 스크린의 크기)

엘리먼트의 위치 및 크기 알아내기 API 이용 : console.log(t.getBoundingClientRect()); 테두리를 제외한 엘리먼트의 크기 : ClientWidth, ClientHeight 사용 Viewport 스크롤에 따라 위치의 값이 달라질 때 이해하기 스크롤 할 때 바뀌는 화면영역 = viewport Viewport의 좌표 : getBoundingClientRect - 문서의 내용 중 사용자에게 보여주는 영역 - getBoundingClientRect의 값이 스크롤에 따라 달라지는 뷰포트의 좌표를 사용 - 스크롤의 정도를 알고 싶을 때 pageYOffset 사용하기 문서의 좌표 - 뷰포트 + 스크롤된 정도 스크롤 scrollLeft, scrollTop 프로퍼티 이용 ➡ 문서의 스크롤 ..

[생활코딩] 이벤트(등록방법 / 전파 / 기본동작의 취소 / 문서로딩 / 마우스 / jQuery 이벤트)

이벤트란? 사용자가 클릭했을 때, 스크롤을 했을 때, 텍스트 필드의 내용을 바꾸었을 '때' - event target : 이벤트가 발생하는 대상 ex) 버튼 - event type : 이벤트가 발생하는 행위 ex) 클릭, 변경 - event handler : 어떠한 이벤트가 발생했을 때, 실행할 코드들 등록방법 & inline 이벤트의 대상에 이벤트 핸들러를 등록해줘야 한다. (1) inline : 이벤트를 이벤트 대상의 태그 속성으로 지정하는 것 (this : 이 이벤트가 동작하고 있는 element를 가르킨다. document.getElementById('target') 대신 사용가능) (2) 프로퍼티 리스너 : 이벤트 대상이 되는 객체의 프로퍼티로 이벤트를 등록하는 방식 : 인라인 방식에 비해 HT..

[생활코딩] Text 객체(값 API, 조작 API)

dorothy , : Element dorothy : Text 객체 Text 객체 텍스트 객체는 텍스트 노드에 대한 DOM 객체로 CharcterData를 상속 받는다. DOM에서는 공백이나 줄바꿈도 텍스트 노드! 값 API nodeValue = " " 선언시 값 변경됨 data 조작 API call + [append / delete / insert / replace / subString] + Data() 출처 Text 객체 - 웹브라우저 JavaScript (opentutorials.org) Text 객체 - 웹브라우저 JavaScript 소개 텍스트 객체는 텍스트 노드에 대한 DOM 객체로 CharcterData를 상속 받는다. 아래는 텍스트 노드를 찾는 예제다. 주목할 것은 DOM에서는 공백이나 줄..

[생활코딩] Document 객체

Document 객체 문서 전체를 대표하는 객체 - Document 객체는 DOM의 스팩이고 이것이 웹브라우저에서는 HTMLDocument 객체로 사용된다. - HTMLDocument 객체는 문서 전체를 대표하는 객체 document.childNodes[0] : document.childNodes[1] : ~ 주요 임무 : 새로운 노드 생성 : 문서 정보에 대한 API 제공 (title, URL, referrer, lastModified 등의 정보를 프로그래밍 적으로 제공) 출처 Document 객체 - 웹브라우저 JavaScript (opentutorials.org) Document 객체 - 웹브라우저 JavaScript 소개 Document 객체는 DOM의 스팩이고 이것이 웹브라우저에서는 HTMLDo..

[생활코딩] Node 객체(관계 API, 노드 종류 API, 변경 API)

Node 객체 DOM에서 시조와 같은 역할 관계 : 각각의 구성요소들의 프로그래밍적으로 어떻게 연결되어 있는지 알 수 있다. Node 관계 API .firstChild.nextSibling.previousSibling 활용 노드 종류 API .nodeType : 해당되는 노드의 정보가 element, 속성, comment, text인지 알 수 있다. .nodeName : 태그의 이름, 텍스트 등 노드타입보다 조금 더 디테일한 정보를 알 수 있다. 재귀함수 : 어떠한 함수가 실행될 때 자기 자신을 호출하는 것 (traverse: 하나씩 조회한다.) 노드 변경 API 노드 추가 : appendChild(child) : 제일 끝에 추가 : insertBefore(new Element, reference Ele..

[생활코딩] Element 객체(식별자 API, 조회 API, 속성 API, jQuery 속성 제어 API)

Element 객체 element를 추상화한 객체 DOM의 계층구조에서 Element 객체의 위치 Node Document CharacterData Element Attr HTML Document Text | Comment(주석) HTML Element | - HTMLHeadElement - HTMLLIElement var t = document.getElementById('active'); .style : inline 수식 식별자 API 자신을 찾을 수 있도록 이름을 갖는 것 Element.tagName : ONLY 읽어오기 Element.id : id 값 읽고 변경가능 Element.className : 까다로움. / 클래스 네임 지정, 변경 추가 가능 Element.classList : 훨씬 사용이..

DOM : Document Object Model

문서 객체 모델(Document Object Model, DOM)? ➡ 웹 페이지를 자바 스크립트로 제어하기 위한 객체 모델 (웹 페이지 내의 모든 콘텐츠를 객체로 나타내준다.) 제어 대상 찾기 1) document.getElementsByTagName('li'); - document 객체는 페이지의 기본 ‘진입점’ 역할 - document 객체를 이용해 페이지 내 그 무엇이든 변경할 수 있고, 원하는 것을 만들 수도 있음. 2) jQuery 라이브러리 사용 - 기본문법 $('li').css('color', 'red'); - chaining이 가능하여 연속적으로 효과 및 기능 적용이 가능하다. 출처 https://ko.javascript.info/browser-environment 브라우저 환경과 다양한..

BOM : Browser Object Model

브라우저 객체 모델(Browser Object Model, BOM)? ➡ 웹 브라우저 제어를 위한 브라우저가 제공해주는 객체들 (문서 이외의 모든 것을 제어하기 위해 브라우저(호스트 환경)가 제공하는 추가 객체) location 객체 : 현재 URL을 읽을 수 있게 해주고 새로운 URL로 변경(redirect)할 수 있게 해준다. : 식별자 알아내기 https://dorothy-yang.tistory.com/ protocol : // host : port / pathname ? search # hash navigator 객체 : 브라우저와 운영체제에 대한 정보를 제공해주는 객체 - 크로스 브라우징 : 브라우저 상관 없이 동일하게 보여지는 기능 - navigator.userAgent : 브라우저에서 서버에..

[Python 입문] 데이터 타입의 중요성_by생활코딩

데이터 타입이 왜 중요한가? 데이터 타입에 따라서 연산방법이 다르기 때문에 엄격하게 분리하고 있다. Number Text 1 1+1 "Hello World" len("Hello World")

[Python 입문] 파이썬 쉘/파일 이용해서 실행_by생활코딩

Python에게 명령하는 방법 1) Shell : 채팅으로 대화를 주고받으며 작업 (다시 사용하지 X 작업 실행 시 좋다.) 2) File : 자주 시키는 일들을 적어두었다가 필요할 때마다 사용 (재사용 O, 복잡한 일 O) 작성된 코드는 Python Interprater 프로그램으로 전달된다. Interprater ➡ 코드의 내용대로 운영체제를 동작시킴 ➡ 컴퓨터를 동작시킴 파이썬 쉘을 이용해서 실행 (대화) 직접 파이썬 프로그램 설치해야 사용가능 cmd 창과 비슷하게 생김 휘발성 print(1+1)에서 print 생략 가능 1+1만 해도 ➡ 2 // 결과값 출력됨 len("hello world") ➡ 11 실행유보하려면 \(역슬래쉬) 사용한다. >>> a=1;\ .. . b=1;\ ... a+b ➡ ..

[Google Colaboratory] 설치없이 Python 실행하기

Google Colaboratory란? ➡ 온라인에서 python을 사용하기 위한 실행환경 ➡ 설치없이 온라인 서비스 형태로 사용하기 위해선 를 사용해야 함 💻 구글 콜라보레이토리 사용방법 1) 구글 드라이브 ➡ 새로 만들기 ➡ 더보기 ➡ 연결할 앱 더보기 2) Colaboratory 선택 3) Colaboratory 설치하기 4) 구글 드라이브 ➡ 새로 만들기 ➡ 더보기 ➡ Google Colaboratory 5) 실행환경 세팅 끝! ✔ 사용방법

라섹 1주차..

쇼핑몰 프로젝트까지 마무리하고 라섹을 했다. 아직 회복기간이라 인강도 제대로 못보고 컴퓨터 작업을 못하고 있다. 얼른 면접 준비도 하고 자바 복습도 하고.. 책도 읽고 공부도 하고 해야 할 게 너무나도 많은데 아무것도 못하고 있다.. 나중에 화면 봐도 무리없게 회복기간을 잘 버텨야겠다 :) 눈아 얼른 돌아와😂

[ERROR] 쇼핑몰 플젝 에러모음 - 9 / 결제모음

[해결완료] 카카오페이 안넘어감 ➡ xml 파일에서 Q과 O 오타 SEO_QRD인데 SEQ_QRD로 기재했다.. 자나깨나 오타주의! [해결완료] 무통장결제 주문하기 누른 다음페이지? ➡ sql 수정하니까 작동함 @@상태 관련 부분은 관리자 페이지에서 확인하기 위해 중간에 추가된 열이므로, DEFAULT 값으로 넣어주어야 주문할 때 에러 안뜬다!

[Github] main[rejected-non-fast-forward] 에러 해결하기

하던대로 commit and push 눌렀더니,, 프로젝트 명은 나오지 않고 에러같은 느낌이 뜨면서 main[rejected-non-fast-forward] ?? 깃허브 잔디도 안심어져 있다면?? 해결방법 참고 사이트 : https://winterandsnow.tistory.com/3 [GitHub] rejected-non-fast-forward 오류 해결 이클립스에서 GitHub으로 Commit할때 rejected-non-fast-forward 오류가 뜰 경우 먼저 사진상에 빨간색표시 된 부분을 클릭 클릭하면 이런 화면이 뜨는데 여기서 Git을 클릭 후 Open Open하면 이런 화면이 뜨는 winterandsnow.tistory.com

[ERROR] 쇼핑몰 플젝 에러모음 - 8 / 상품상세정보 CSS

[해결완료] 상품상세정보 css 수정하기 jQuery 버전 오류인건지 $("#tabs").tabs(); 라인이 계속 오류가 났다. ** 참고했던 해결방법 스크립트가 로드되는 순서는 매우 중요합니다. 순서는 다음과 같습니다: (1) Load the jQuery UI CSS file. (2) Load the jQuery library. (3) Load the jQuery UI library. (4) Run your JS file (index.js in the example). ➡ 이 순서에 맞춰 수정해도 tabs 부분에 오류가 계속 일어났다.. 아예 부트스트랩 형식을 바꾸기로 결정! 참고했던 링크 : https://bobbyhadz.com/blog/jquery-tabs-is-not-a-function Typ..

[Oracle] SQL Developer에서 ERD 출력하는 방법

ERD 란? ERM 프로세스의 산출물을 가리켜 개체-관계 다이어그램(Entity-Relationship Diagram) ERM 이란? 데이터 모델링 분야에서 개체-관계 모델이란 구조화된 데이터에 대한 일련의 표현 이 데이터의 "구조" 및 그에 수반한 제약 조건들은 다양한 기법에 의해 설계될 수 있음 그 기법 중 하나가 개체-관계 모델링(Entity-Relationship Modelling) 출처 : https://ko.wikipedia.org/wiki/%EA%B0%9C%EC%B2%B4-%EA%B4%80%EA%B3%84_%EB%AA%A8%EB%8D%B8 개체-관계 모델 - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. 데이터 모델링 분야에서 개체-관계 모델이란 구조화된 데이터에 대한 일..

[ERROR] 쇼핑몰 플젝 에러모음 - 7 / 바로구매 / 장바구니

[해결완료] 주문내역 페이지 이미지 깨짐오류 ➡ 해결완료! OrderController 코드 오류 \\ 역슬래쉬 ➡ 슬래쉬 [해결완료] 바로구매 클릭 시 500 오류 ➡ join 구문 수정하니 해결됨 join 안햇는데 c.어쩌고 쓰면 되겠니~? ㅠㅠ

[연산자] 삼항 연산자? (조건 ? T : F)

삼항 연산자 : 세 개의 피연산자를 받는 연산자 세 개의 피연산자 : 조건 / 참의 경우 결과값 / 거짓의 경우 결과값 결과 = ( 조건 ) ? ( 참의 경우 결과값 ) : ( 거짓의 경우 결과값 ) int x = 3; int y = 5; int max = (x > y) ? x : y; System.out.println(max); // 5 // 3이 5보다 크다는 것은 거짓이므로 false 값인 y, 5가 출력됨 int min = (x < y) ? x : y; System.out.println(min); // 3 // 3이 5보다 작다는 것은 참이므로 true 값인 x, 3이 출력됨 boolean b = (x == y) ? true : false; System.out.println(b); // false..

[연산자] 복합대입 연산자?

대입 연산자 : 자신 = 자신 + 2; 복합대입 연산자 : 자신 += 2; 복합 대입 연산자 num = 10; // num = num + 2; num += 2; System.out.println(num); // 12 // num = num - 2; num -= 2; System.out.println(num); // 10 // num = num * 2; num *= 2; System.out.println(num); // 20 // num = num / 2; num /= 2; System.out.println(num); // 10 // num = num % 2; num %= 2; System.out.println(num); // 0

[Visual Studio Code] VSC 탭 간격 조정

파일 별 코드 tab 간격이 달라서 신경이 쓰이셨나요? 간단하게 해결 가능합니다 🤩 🕵️‍♂️ 해결방법 1. File ➡ Preferences ➡ Settings 2. tab size 검색 후 숫자 수정 ✨ 해결완료! 이제 tab size가 동일하게 바뀌었지요~ :)

[ERROR] 쇼핑몰 플젝 에러모음 - 6 / 장바구니

[해결완료] 장바구니 버튼 및 총금액 에러 1. 선택사항 delete 좌측에 있던 order는 체크박스로 대체하면서 없어진다. ➡ 정상 2. 수량 수정 후 '변경' 클릭 시 총 금액이 바뀌지 않는 문제는 톰캣 클린하니 해결됨 ^^ [해결완료] 썸네일 화질 개선 썸네일 s_ 삭제로 임시해결.. [해결완료] 장바구니 목록에 이미지 깨짐오류 ➡ 해결완료! CartController에 \\ 역슬래쉬 ➡ 슬래쉬 해결완료! CartController에 \\ 역슬래쉬 ➡ 슬래쉬 코드 추가

[ERROR] 쇼핑몰 플젝 에러모음 - 5 / 메인 페이지

[해결완료] 카테고리 안떴던 이유 ➡ model.addAttribute 값에 전달 값 "mainCateList"누락했었. 연결해줘야 잘 나타난다!

[제이쿼리] 제이쿼리 문서 객체 선택자와 조작법

Do it! 자바스크립트 + 제이쿼리 입문 4년 연속 베스트셀러! 전면 개정판으로 출간! 자바스크립트, 제이쿼리의 기본부터 실전에 필요한 핵심까지 모두 담았다! ‘두잇 시리즈 최고 작품’이라 평가받은 책! 전면 개정판으로 더욱 알차게 만들었습니다! 이제는 웹 개발자뿐만 아니라 웹 퍼블리셔와 디자이너에게도 코딩 능력이 필요한 시대! 자바스크립트를 1도 모르겠다면? 프런트엔드 실무 교육 경력 10년 강사가 엄선한 155개의 예제로 기본부터 실무 활용까지 완벽하게 대비하세요. 실제 사이트에 적용하는 ‘반응형 웹 UI 만들기’까지 실습하고 나면 실무가 두렵지 않은 자신을 발견할 수 있을 것입니다! 저자 정인용 출판 이지스퍼블리싱 출판일 2018.04.06 목 차 1. 제이쿼리 기본 다지기 2. 선택자 3. 제이..