저의 블로그에 오신 것을 환영합니다!

안녕하세요 🤗
javascript를 주 언어로 사용하는 개발자 m0j4입니다
이 블로그는 저의 공부 기록과 포트폴리오, 프로젝트를 담을 개발 블로그입니다 😊

👇 저의 블로그의 인기글들을 확인하세요! 👇

자바 관련 에러

Deployment Assembly 없음, 비활성화 시 해결 법

JSP 할 때 대부분 Project Facets 설정하고 나서 Deployment Assembly 도 같이 보려고 할 것이다. 그런데 Deployment Assembly 가 활성화되지 않을 때가 있다. 왠진 모르겠다. 발생 원인은 모르겠으나 해결 방법은 간단하다. 자신의 프로젝트 폴더에 .project 파일이 있을 것이다 이걸 메모장으로 열어서 제일 마지막 부분쯤 보면 natures 태그가 보이는데 이게 html 은 아닌거같고 무슨 markup language로 쓰인 파일같다 여기 사이에 org.eclipse.wst.common.modulecore.ModuleCoreNature 이거 한 줄 통째로 넣으시면 된다. 이렇게 되게끔 다 해주시고 이클립스 다시 껏다 켜서 들어가서 확인해주시면 된다!

SQL - Oracle

[SQL - Oracle] 3. WHERE 조건문 정리(비교 연산자/NULL값 비교 조건 조회/LIKE/와일드카드/LOWER,UPPER)

👨🏻‍💻 WHERE 조건문 SELECT 문을 사용할 때 WHERE 문을 사용하면 보다 더 복잡한 조건의 조회문을 조회할 수 있습니다. SELECT 문에 WHERE 조건을 추가하면 조건을 만족하는 행만 조회할 수 있습니다. 조건절을 사용할 땐 비교연산자를 활용하여 조건을 추가합니다. ❓ 비교연산자 비교연산자는 등호, 부등호로 이루어진 연산자입니다. 연산자 설명 = 같으면 TRUE (자바 진영의 언어는 == 가 비교이지만, SQL 문에서는 = 가 비교입니다.) , = 비교를 수행하고, 그 조건에 맞으면 TRUE !=, , ^= 다르면 TRUE AND 그리고 (앞의 조건과 뒤의 조건이 모두 일치해야 하는 조건으로 조회가 가능) OR 또는 (앞의 조건과 뒤의 조건 둘 중 하나라도 일치하면 조회가 가능) NOT ..

SQL - Oracle

[SQL - Oracle] Oracle 11g, sql Developer 설치, CLI, GUI 확인, sys(관리자) 계정 접속, HR(연습용)계정 접속

국비학원에서 현재 SQL을 수강하고 있는데 SQL은 빨리 글 안밀리고 쓸 수 있을거같아서 부랴부랴 쓴다 ㅠㅠ... 이 글이 의외로 조회수가 좀 많았다. 다른 글에 비해 1~2명 정도 더 보는 것 같다. 2022/07/17 기준으로 처음 보는 분들도 이 글을 잘 따라오면 관리자 계정, hr 계정 접속하는 방법까지 전부 익힐 수 있도록 잘 수정하고 작성해 보았다. 오라클 설치랑 sql Developer 설치를 하려고 한다. https://www.oracle.com/database/technologies/xe-prior-release-downloads.html 2022년 기준으로 나도 이걸로 수강하고 있는데, 아직 살아있는 링크여서 링크 째로 남긴다. 22/07/15 학원에서 자리옮기면서 나도 까먹어가지고 이..


블로그의 최신 글 목록입니다 🥰

GIT

[GIT] - windows powershell 터미널을 위한 텍스트 인코딩 설정 / (.gitignore가 windows powershell에서 작성이 안될 때)

요약 windows powershell 로 git 터미널을 사용하다 보면 여러 상황에서 에러를 맞이하게 됩니다. 저같은 경우는 .gitignore을 설정하기 위해 터미널 명령어 echo를 통해 작성했으나 파워쉘에서 텍스트 인코딩이 utf-8이 아닌 utf-16lf로 기본 설정이 되어있어 5시간동안 고민을 하며 무엇이 문제인지 구글링을 해야만 했습니다. 결과적으로 빠른 해결책은 .gitignore 파일은 utf-8로 작성이 되어져야 인식을 하기 때문에 파워쉘에서의 설정을 변경해주면 됩니다. (posh-default: utf-16lf) 그러기 위해 파워쉘에서 기본 설정을 변경해줘야 합니다. 문제 상황 저는 windows 운영체제를 사용중이고, 터미널은 파워쉘을 사용하고 있습니다. 파일을 아예 새로 만든 상황..

Javascript

[javascript] - 이벤트 캡처링, 버블링, 이벤트 위임(event delegation)

이벤트 캡처링과 버블링 이벤트는 캡처링단계와 버블링 단계를 밟으며 감지가 됩니다. JSFiddle 내부 Result 탭에서 box나 button을 누르면 alert기능이 캡처링과 버블링 과정을 거치며 발생합니다. 발생할 때마다 모든 요소에 alert기능을 집어넣었기 때문에 Button을 자칫 클릭하실 경우 alert를 10번이나 누르셔야 하니 주의하시기 바랍니다 ㅋㅋ 가장 내부의 Button을 클릭하면 발생하는 일은 body -> html -> form -> div -> button 순으로 캡처링이 발생하고, button -> div -> form -> html -> body 캡처링과 역순으로 버블링이 발생합니다. el.addEventListener('click', () => alert(`capturin..

포트폴리오 웹사이트

[portfolio project] - 스크롤 상태바 개발 / 브라우저 CSSOM 페인트 수 개선 예시

스크롤 상태바 적용 https://kevinj0695.github.io/portfolio/ M0J4의 포트폴리오 웹사이트 안녕하세요 프론트엔드 개발자 M0J4입니다. 이 사이트는 개인 포트폴리오 웹사이트 입니다. kevinj0695.github.io Tistory 고인물들은 보통 hELLO 스킨을 많이 사용하는데, hELLO 스킨의 특징 중 하나로는 스크롤 상태바가 상단에 예쁘게 보여진다는 점입니다. 이 기능이 되게 신기해서 저도 직접 만들어 보고 싶었는데 구글링과 드림코딩으로 공부해서 결국 만들어 볼 수 있게 되었습니다. 이번 글에서는 저의 포트폴리오에서 상단 네비게이션바에 적용한 코드 중 스크롤바 상태창에 관련된 부분을 작성해보도록 하겠습니다. 소스 공유 (성능 개선 x) See the Pen Unt..

포트폴리오 웹사이트

나만의 포트폴리오 웹사이트 완성!

https://kevinj0695.github.io/portfolio/ M0J4의 포트폴리오 웹사이트 안녕하세요 프론트엔드 개발자 M0J4입니다. 이 사이트는 개인 포트폴리오 웹사이트 입니다. kevinj0695.github.io 저의 포트폴리오 웹사이트를 구경하세요! 다만 완벽하게 처리한 것은 아니고, 공개용으로 만든 포트폴리오이기 때문에 아직 상세 내용은 비워두었습니다. 포트폴리오 관련 github 주소입니다. https://github.com/kevinj0695/portfolio GitHub - kevinj0695/portfolio: 개인 반응형 웹사이트 포트폴리오 개인 반응형 웹사이트 포트폴리오. Contribute to kevinj0695/portfolio development by creati..

CSS

[CSS] - BEM방법론에 대해서 알아봅시다

BEM (Block Element Modifier) BEM (Block Element Modifier) 구조에 대한 소개 html 문서를 작성해야 하는데 클래스명을 작명할 때, 클래스 이름이 겹치면 곤란하고 또 안 겹치게 하자니 정리가 안되는 상황을 겪어보신 적이 있으신가요? 이럴 땐 BEM 방법론을 적당히 사용하면 유용합니다. BEM방법론 이라는 것은 위와 같은 상황의 어려움을 해결하고자 만들어진 css 방법론입니다. 물론 css 전처리기라는 것을 이용하면서 BEM방법론을 채택하면 더 효율적으로 css 파일을 관리할 수 있습니다. 그렇다면 BEM방법론의 구조는 어떻게 되어 있을까요? Block__Element--Modifier 형태로 되어져 있는 BEM방법론은 Block을 제일 앞에 두고 Element..

CSS

[CSS] - css에서의 vs @import 어느 것을 사용해야 하나요?

🔶 vs @import 🔸 edge 브라우저에서 css @import가 안되나요? - 이젠 왠만해선 잘 됩니다 블로그 글들을 찾아보면 edge에서 @import를 하면 edge 브라우저는 @import를 인식하지 못하여 css가 깨진다고 설명이된 글들이 몇 개 있습니다. 이러한 오해는 오래된 edge 브라우저 버전에서 @import를 지원하지 않았기 때문에 발생한 문제입니다. mdn 사이트를 근거로 말씀을 드리겠습니다. MDN에서 정리한 브라우저 호환성 표에 따르면 MS Edge 브라우저에서는 12버전, 2015에 @import 기능 지원이 안정화 되었다는 것을 알 수 있습니다. 오래된 브라우저를 사용하는 유저들에게 까지 지원할 것이 아니라면 CSS에서 별도로 필요한 경우 @import기능을 사용하시면 ..

m0j4
Dev_m0j4