코딩짜는 일상

📚 서론저번주까지 해서 약 2주라는 기간동안 JAVA와 객체지향 프로그래밍에 대해 배우게 되었습니다. 데이터 타입, 메모리 사용 영역(메소드,힙,스택), 생성자,static, share, 싱글톤, final, 타입변환과 다형성, Casting, 제네릭, 예외처리 등등 많은 걸 배웠지만 결국 JAVA라는 언어의 핵심은 객체지향인 것 같아서이걸 중심으로 다른 개념들을 한 번 더 정리해보려고 합니다. 🎷 객체지향이란?객체지향을 가볍게 정의해보자면, 프로그램을 더 잘 정리정돈 해서유지보수도 쉽고 이후 확장하기도 쉽게 만들어주는 프로그래밍 기법 중 하나라고 할 수 있겠습니다. 예시로 제가 지금 사는 "집"을 하나의 프로그램이라고 가정하자면 🏠집에는 화장실🛁, 공부방🤓, 침실🛌, 주방👩‍🍳 ..

📕 27일 배운 것sqlDeveloper 기본 조작 데이터베이스란?DBMS시스템 상세 구조데이터 구조논리적 구조물리적 구조데이터 언어 종류데이터 정의어 (DDL : Data Definition Language)데이터 조작어 (DML : Data Manipulation Language)데이터 제어어 (DCL : Data Control Language)관계형 데이터 모델릴레이션튜플제약기본키외래키SQL데이터 정의어 (DDL : Data Definition Language)CREATEALTERDROP📙 새로 알게 된 것릴레이션 & 튜플릴레이션 = 테이블튜플 = 레코드, 로우(row), 행오라클은 사용하는 단어가 약간 다르다는 걸 알게 됨.📕 28일 배운 것데이터 조작어 (DML) - INSERT시퀀스DUA..

📚 요약깃허브는 개발자들의 SNS라고 합니다. 해당 개발자가 현재 무슨 프로젝트를 어떻게 만들고 있는지 알 수 있고얼마나 꾸준히 작업을 하였는지 잔디를 보면 알 수 있어서이력서에 깃허브 주소를 적는 경우도 많다고 합니다. 이 글에선 필요한 정보를 한 눈에 보여주어개발자로써의 자신을 잘 어필할 수 있도록 깃허브 프로필을 꾸미는 방법을 정리해보겠습니다. 🎷 Readme 만들기처음 깃허브를 가입하면 아무것도 없습니다. Edit profile을 눌러봐도 bio 메세지나 프로필 사진만 수정할 수 있을 뿐입니다. 하지만 깃허브에는 마크업 언어를 사용하여 프로필을 작성할 수 있는 기능을 제공합니다. 이 기능을 사용해 시각적으로 더 풍부하게 프로필을 꾸밀 수 있습니다. 기능을 사용하려면 usernam..

📚 요약리액트를 시작하고자 한다면 필수 디렉터리와 파일들 만들고 리액트 라이브러리를 설치하고...🥹 이것저것 과정이 많고 생각보다 시간이 오래 걸리기에 node.js를 이용해 명령어 한 줄로 자동 생성하는 방법을 정리해볼 것이다!😎✨ 🎷VS Code에서 파워쉘(PowerShell) 사용하기가장 먼저 리액터 앱을 만들어줄 위치를 선정하고 VS Code의 최상단 메뉴에서 파일(File) => 폴더 열기(Open Folder) 를 선택해 해당 경로를 열어준다. 나는 C에 Workspace를 만들어 두고 쓰는데 여기에 따로 reactWorkspace폴더를 만들었다. 이제 VS Code에서 ctrl + ` 키를 누르면 하단에 터미널 창이 생긴다. 창 내용을 보면 내가 vs code에서 연 폴더..

📚 요약이번주엔 뭘 작성할까 고민하다가 최근 노트북을 바꾸면서 (무려 12년만에...😭)개발 환경 세팅이 생각보다 자주 찾아보게 된다는 걸 깨달았다. 블로그에 저장해두면 나도 찾아보기 쉽고😎다른 사람들도 자주 찾아주지 않을까 해서 정리해보기로 했다! VS Code 설치Extention 설치Node.js 설치순서로 풀어보겠다! 🎷 VS Code 설치수업은 VS Code의 터미널을 통해 빠르게 리액트 앱을 생성해주어야 하므로VS Code가 필수다! 가장 먼저 검색에 [VS Code]를 입력해준다.https://code.visualstudio.com/ Visual Studio Code - Code Editing. RedefinedVisual Studio Code redefines AI-powered..

📕 오늘 배운 것응용 예제 캔버스 기능챗봇 대화 출력실전 프로젝트 예제Top MenuSub MenuSlide ShowTab Menu베스트 상품 📙새로 알게 된 것WebRTC별도의 플러그인 없이 웹에서 RTC(Real-Time-Communications)를 구현하기 위해 HTML5에 새로 추가된 기능

📕 오늘 배운 것jQueryjQuery 효과Sliding 효과slideDown() / slideUp() / slideToggle()Fading 효과fadeIn() / fadeOut() / fadeToggle() / fadeTo(속도, 투명도)Animate 효과animate() / stop()응용 예제음성 녹음 & 다운로드 기능 캔버스 기능사각형 출력이미지 출력이미지 내 포인트와 텍스트 출력챗봇 대화 출력 📙새로 알게 된 것stop()대상 객체 애니메이션 멈춤stop(true)대상 객체에 걸린 대기열 예약 애니메이션 전부 삭제. 초기화.

📚 요약javascript 배열을 복사하는 방식에는 2가지가 있다.배열의 참조 주소만 변수에 복사하는 얕은 복사완전 별개의 배열로써 복사하는 깊은 복사 과거 회사에서 메뉴 편집 시스템을 만들 때 배열이 별개의 배열로써 복사가 되는 게 아니라 참조되어수정하는 배열의 값과 원본 배열의 값이 자꾸 같이 바뀌는 것 때문에 고생했던 기억이 났다.😂 마침 이번에 배우게 된 김에 조금 더 파보기로 했다! 🎷 얕은 복사얕은 복사는 원본 배열의 참조값을 변수에 복사해준다. 형태는 다음과 같다. 이제 참조값이 복사된다는 것이 어떤 뜻인지 보려면 newArr의 값을 바꿔본 다음,newArr와 originArr가 각각 어떻게 바뀌었는지 보면 된다. 이처럼 console창으로 확인했을 때 분명 나는 newArr..