jQuery jQuery는 JavaScript 라이브러리로, JavaScript를 손쉽게 사용할 수 있도록 해주는 라이브러리이다. 선택자 jQuery는 CSS 선택자를 사용해서 HTML 요소를 선택한다. 선택한 요소를 조작하거나 이벤트를 바인딩하는 데 사용된다. 선택자는 $( ) 함수를 사용해서 만든다. $("#myElement")// ID가 myElement인 요소 선택 $(".myElements")// Class가 myElements인 요소들을 선택 $("p")// 모든 요소 선택 이벤트 처리 jQuery를 사용하면 HTML 요소에 이벤트 핸들러를 쉽게 추가할 수 있다. // 버튼 클릭 이벤트 핸들러 추가 $("#button").click(function() { // 이벤트 처리 로직 }); 요소 조..

본문은 freeCodeCamp의 YOUNGHYUN BAE님이 번역하신 글을 참고하여 작성한 내용입니다. 신입 개발자로 입사 후 프론트에 대해 공부할 필요가 있었다. JavaScript 코드를 살펴보면서 몰랐던 내용들을 정리해보려고 한다. 코드 내에서 자주 보았던 var, let, const 변수들의 차이점에대해 정리해본다. var, let, const는 JavaScript에서 변수를 선언하는데 사용되는 키워드이다. 세 키워드에는 몇 가지 차이점이 있다. Var var은 함수 외부에서 선언되는 경우 전역 변수이다. 즉, 어디에서든 사용 가능한 변수라는 것. var을 함수 내부에서 선언되는 경우에는 함수 범위 내로 한정된다. 선언된 함수 내에서만 사용하고 접근할 수 있다. var test = "전역에서 사용..

백엔드 개발자의 기본인 리눅스 명령어에 대해 정리해본다. pwd print work directory의 약자이다. 현재 작업 중인 디렉토리의 위치를 보여준다. $ pwd /Users/cold-bean ls list segments의 약자이다. 현재 디렉토리의 파일과 디렉토리들을 보여준다. -a, -l 옵션을 붙여 많이 사용한다. ls -l : 파일들의 상세 정보 표시 ls -a : 숨김 파일 표시 ls -t : 최신 파일부터 표시 ls -rt : 오래된 파일부터 표시 ls -F : 파일의 타입을 나타내는 문자열까지 표시 (/ : 디렉토리, * : 실행 파일, @ : 심볼릭 링크) ls -R : 하위 디렉토리의 내용까지 표시 심볼릭 링크란 원본 파일을 가리키도록 링크만 연결시켜둔 것을 말한다. 윈도우의 바..

드디어 힘들게 취업을 했다.ㅠㅠ 지금까지는 MySQL만 사용했었는데 회사에서는 Oracle을 사용한다. MySQL과 Oracle에는 약간의 문법 차이가 있는데 공부도 할겸 비교해보자. 데이터 타입 MySQL CREATE TABLE mysql ( id INT, name VARCHAR(50) ); Oracle CREATE TABLE oracle ( id NUMBER, name VARCHAR2(50) ); MySQL 정수형 : INT 가변 길이 정수형 : VARCHAR Oracle 정수형 : NUMBER 가변 길이 정수형 : VARCHAR2 날짜 시간 MySQL SELECT * FROM mysql WHERE created_at > '2023-06-28'; Oracle SELECT * FROM oracle WH..

요즘IT에서 데이터리안의 윤선미님의 글 'SQL 가독성을 높이는 다섯 가지 사소한 습관'을 정리한 내용입니다. 예약어는 대문자로 작성하자 SELECT, FROM, GROUP BY, HAVING, AS, AND와 같은 SQL 예약어를 대문자로 쓰면 훨씬 잘 읽힌다. 에디터가 예약어를 하이라이팅해주기는 하지만 에디터마다 규칙이 다르기 때문에 대문자로 작성해서 가독성을 높이는 것이 좋다. SELECT tip, total_bill FROM tips select tip, total_bill from tips 행갈이를 자주 하자 쭉 작성한 코드는 작성하기에는 편하지만, 의미를 파악하기 위해서 모든 코드를 다 읽어봐야 한다. 적절히 행갈이를 해준 코드는 에약어만 확인하더라도 작성자의 의도와 코드 구조를 쉽게 파악할 ..

TCP School의 XML 개요 글을 읽고 정리한 내용입니다. (http://www.tcpschool.com/xml/intro) XML이란? XML은 HTML과 비슷한 문자 기반의 마크업 언어이다. XML은 사람과 기계가 동시에 읽기 편한 구조로 되어 있다. HTML과 다른 점은 데이터를 보여주는 목적이 아닌, 데이터를 저장하고 전달할 목적으로 만들어졌다는 것이다. 또한, XML 태그는 HTML 태그처럼 미리 정의되어 있지 않고, 사용자가 직접 정의할 수 있다. XML의 특징 XML은 다른 목적의 마크업 언어를 만드는 데 사용되는 다목적 마크업 언어이다. 다른 시스템끼리 다양한 종류의 데이터를 손쉽게 교환할 수 있도록 해준다. 새로운 태그를 만들어 추가해도 계속해서 동작하기 때문에 확장성이 좋다. 데이..

ssh chanbin@192.168.0.100 Unable to negotiate with 192.168.0.100 port 22: no matching key exchange method found. Their offer: diffie-hellman-group-exchange-sha1,diffie-hellman-group14-sha1,diffie-hellman-group1-sha1 원인 ssh6 까지는 제공해주던 key exchange method가 ssh7부터는 보안의 이유로 별도 옵션을 추가해주어야 한다. 해결 방법1 ssh에 접속할 때 key exchange method 옵션을 담아 접속한다. ssh -oKexAlgorithms=diffie-hellman-group-exchange-sha1 cha..

실수로 중복으로 foreign key를 만들어버렸다. 중복된 foreign key를 지워보자! 아래 DDL을 확인해보면 following_id를 갖는 foreign key가 2개 있는 것을 알 수 있다. CREATE TABLE `follow` ( `id` bigint NOT NULL AUTO_INCREMENT, `follower_id` bigint NOT NULL, `following_id` bigint NOT NULL, PRIMARY KEY (`id`), KEY `follower_id` (`follower_id`), KEY `following_id` (`following_id`), CONSTRAINT `follow_ibfk_1` FOREIGN KEY (`follower_id`) REFERENCES `m..

배경 사이드 프로젝트를 진행중에 프론트 님께서 연락이 왔다. 로그인할 때 nickname에 한글을 사용해서 가입했는데 깨져서 나온다고한다! 그런데 다른 api 요청에서는 한글이 잘 나온다..읭? 왜 로그인 요청에서만 한글이 깨지지??? araboza 원인 다른 api와 로그인 api의 차이점이 있다. 로그인 요청은 Security에서 동작한다. 그리고 로그인 요청은 Dispatcher Servlet을 거치기 전에 수행된다! 그래서 Encoding Filter를 거치지 못해서 한글이 깨지는 것이라고 볼 수 있다. Encoding Filter란 Dispatcher Servlet 전에 설정한 인코딩으로 변환해서 컨트롤러에서 사용되게 해준다. @Slf4j @Configuration @RequiredArgsCon..

배경 요즘 취업 준비때문에 정신이 없다. 틈내서 사이드 프로젝트를 진행중이다. 이번에 회원 팔로우 기능을 구현했다. 구현한 과정을 정리해본다. 개발 환경 Java 11 Spring 2.x JPA Gradle MySQL, Redis IntelliJ 요구사항 회원을 팔로우할 수 있습니다. 팔로우한 회원을 언팔로우 할 수 있습니다. 회원의 팔로워 수와 팔로잉 수를 확인할 수 있습니다. 관계 Member의 자기 참조 관계를 사용해서 Follow 엔티티를 구현했다. Follow는 Member를 참조하고 있고, 이를 통해서 팔로워(follower)와 팔로잉(following) 간의 관계를 나타내게 했다. 구현 Member @Entity @Getter @DynamicInsert @NoArgsConstructor(ac..