# =-

14개의 포스트

[PostgreSQL] JSON 타입 핸들링 예제

> JSON 타입을 조회할 때 '->' 와 '->>' 를 사용할 수 있다. update 키만 존재하는 값을 조회하고 싶을 때 아래와 같이 쿼리문을 작성합니다. update 키 값의 값만 조회하고 싶을 때 아래와 같이 쿼리문을 작성합니다. 마찬가지로 '->>' 연산자를 통해 update 키가 존재하는 값을 조회할 수 있습니다. 그럼 '->' 연산자와 '->>' 연산자의 차이는 뭘까요? 바로 조회되는 값의 type 차이입니다. '->' 로 조회된 값의 결과는 jsonb 타입, '->>'으로 조회된 쿼리는 text 타입으로 조회됩니다. 확인해보죠. JSON 타입 중 값이 리스트 형태로 되어있는 경우도 있습니다. 이 경우, 리스트의 값을 조회하거나 조건을 적용하고싶을 때 어떤 쿼리문을 이용할 수 있을지 확인해봅니다. 우선, 값이 list 로 되어있는 데이터를 생성합니다.

2023년 8월 31일
·
0개의 댓글
·
post-thumbnail

[에러 핸들링] Warning: Invalid DOM property `clip-path`. Did you mean `clipPath`?

Warning: Invalid DOM property clip-path. Did you mean clipPath? 사이드 프로젝트중에 이런 에러를 만나게 되었는데 의외로 간단하게 해결 할 수 있었다. React.Js는 - 문자가 있을때 읽을 수 없다는 에러이다. 이미지파일을 받아오려고 프로젝트 폴더내부에 assets/icon.svg 들을 다수 넣어뒀는데, 거기서 에러가 나온것이다. 다른 - 문자가 들어간 파일들도 다 수정해 주었더니 에러가 다 사라졌다. 예시

2023년 1월 28일
·
0개의 댓글
·
post-thumbnail

생활코딩 <CSS> 3 : CSS 코드 사용하기, <style>태그, CSS의<a>태그, 코드 내용 숨기기 <!-- 와 -->, css의 스타일 태그 color:000;에서의 세미콜론 기호 ; , 수억개 태그 한번에 수정하는 법, 태그 중복 제거하기, 중복된 태그 지우는 방법

WEB2 CSS 3강. CSS의 등장 앞서 2강에서는 HTML의 문법에 태그를 추가하는 `` 라는 태그에 대해서 배웠다. 이번 강에서는 훨씬 더 어렵지만 근본적인 해결책인, CSS를 해보도록 하자. 2강을 실습할때 나는 홈페이지의 메인에 위치한 환영하는 문구와, 아래 안녕! 이라고 적은 끝 글자에만 `` 태그를 이용하여 빨간색 컬러로 변경해주었다. 이번엔 가운데 링크가 걸린 내용에 빨간색</fo

2022년 10월 15일
·
0개의 댓글
·
post-thumbnail

🈳[프로그래머스] 짝수 홀수 개수

🧡문제 설명 정수가 담긴 리스트 numlist가 주어질 때, numlist의 원소 중 짝수와 홀수의 개수를 담은 배열을 return 하도록 solution 함수를 완성해보세요. 💛제한사항 1 ≤ num_list의 길이 ≤ 100 0 ≤ num_list의 원소 ≤ 1,000 💚입출력 예 num_list|result -|- [1, 2, 3, 4, 5]|[2, 3] [1, 3, 5, 7]|[0, 4] 💙입출력 예 설명 입출력 예 #1 [1, 2, 3, 4, 5]에는 짝수가 2, 4로 두 개, 홀수가 1, 3, 5로 세 개 있습니다. 입출력 예 #2 [1, 3, 5, 7]에는 짝수가 없고 홀수가 네 개

2022년 10월 8일
·
0개의 댓글
·
post-thumbnail

🌞[프로그래머스] 나이 출력

🧡문제 설명 머쓱이는 40살인 선생님이 몇 년도에 태어났는지 궁금해졌습니다. 나이 age가 주어질 때, 2022년을 기준 출생 연도를 return 하는 solution 함수를 완성해주세요. 💛제한사항 0 < age ≤ 120 나이는 태어난 연도에 1살이며 1년마다 1씩 증가합니다. 💚입출력 예 age|result -|- 40|1983 23|2000 💙입출력 예 설명 입출력 예 #1 2022년 기준 40살이므로 1983년생입니다. 입출력 예 #2 2022년 기준 23살이므로 2000년생입니다. 💜나의 풀이

2022년 10월 6일
·
0개의 댓글
·

PHP 클래스, 스코프, 상속 등

PHP 헤깔렸던 내용 정리 CLASS란? OOP(Object-Oriented Programming) 객체 지향 프로그램 절차 중심에서 효율화를 위해 객체 중심으로 프로그램의 흐름이 바뀌며 PHP에서 사용되는 프로그래밍 방법. 특정한 기능과 상수 등을 묶어둔 객체를 만들어 관리를 하게 되었는데 그게 CLASS 이다. 개발 중 공통적으로 사용하는 코드가 많이 발생하는데, 이러한 코드들의 재사용 하기 위해 객체 지향적인 프로그래밍을 지양하게 됨. PHP는 CLASS를 사용하지 않아도 객체 선언이나 사용은 가능하지만 그렇게 사용했을 시 굉장히 비효율적이다. 그 때 CLASS 키워드를 선언해 객체를 설계하고 함수, 상수 등... 재사용 할 수 있는 코드들을 정리해 더욱 코드의 효율을 높일 수 있다. 그래서 CLASS를 선언해 객체를 설계하고 사용한다. 반복적으로 사용될 변수, 상수, 함수등을 정의하고 모아둔것. 장점 1) 중복되는 코드들을 제거하고 가독성을 높힌다

2022년 10월 3일
·
0개의 댓글
·
post-thumbnail

🛤[프로그래머스] 두 수의 차

🏁문제 설명 정수 num1과 num2가 주어질 때, num1에서 num2를 뺀 값을 return하도록 soltuion 함수를 완성해주세요. 🏳‍🌈제한사항 -50000 ≤ num1 ≤ 50000 -50000 ≤ num2 ≤ 50000 🏳입출력 예 num1|num2|result -|-|- 2|3|-1 100|2|98 🏴입출력 예 설명 입출력 예 #1 num1이 2이고 num2가 3이므로 2 - 3 = -1을 return합니다. 입출력 예 #2 num1이 100이고 num2가 2이므로 100 - 2 = 98을 return합니다. 🏴‍☠️나의 풀이

2022년 10월 1일
·
0개의 댓글
·
post-thumbnail

[Python] 증감연산자 ++, -- 사용불가

파이썬에는 증감 연산자 ++, -- 이 없다! java를 자주 사용하다보니 파이썬에도 당연히 가능할 줄 알았는데 SyntaxError 에러가 발생한다.

2021년 12월 1일
·
0개의 댓글
·
post-thumbnail

변수에 적용할수 있는 연산자

복합 대입 연산자 이걸 보면, a = a + 1 이라는 식이 변수에 한번 실행때마다 1씩 증가시켜준다는 식인데, 이러한 식을 간단하게 쓸수있는 연산자가 '+='이다. a += 1 은 a에 1씩 증가시켜 준다는 의미이다. 반대로 a = a - 1은 a -= 1 과 같다. 당연히 상수에는 적용이 안되고, 변수에만 적용된다. 증감 연산자 1씩 증감시켜주는 연산자가 있는데 이를 증감연산자라고 부른다. let a = 0; a+

2021년 10월 15일
·
0개의 댓글
·

CSS 애니메이션 속성에 대하여 알아보자

1_ 학습한 내용 CSS 애니메이션 속성에 대하여 알아보자 (1:16:30) > 트렌스폼(transfotm) : 선택한 오브젝트를 확대하거나 축소하거나 또는 각도를 회전시키거나 위치를 변경 *로테이트(rotate) : 2차원적인 회전효과 (평면적으로 회전, 양수를 전달 오른쪽, 음수를 전달 왼쪽) *스케일(scale) : 선택한 영역의 크기를 비율로 키움. (x(width), y(height)) *스큐(skew) : 3차원적인 회전효과 (x, y) *트렌스레이트(translate) : 선택한 영역의 오브젝트를 위치를 변경 (x,y) *트렌스폼 사용시 주의점 익스프로럴 10.0 버전 밑 9.0에도 사용하고싶다 -webkit-(크롬, 사파리) -moz-(파이어폭스) -ms-(익스프로럴) -o-(오페라) 프리픽스가 없는 트렌스폼값을 디폴트값으로 넣는다. 익스프로럴 기준 : -ms- 접두사를 트렌스폼앞에 붙이면 익스프로럴 9.0 포함해서 트렌스폼 적용시키겠다는 내용(하지만 그 이하

2021년 9월 6일
·
0개의 댓글
·
post-thumbnail

JavaScript :: 증감 연산자(++, --) Feat. 전위 연산자, 후위 연산자

이번 글에서는 JavaScript의 증감 연산자(Increment, Decrement)와 함께 전위 연산자(prefix operator), 후위 연산자(postfix operator)에 대해 알아보자. 증감 연산자란? 증감 연산자란, 변수의 값을 1씩 증가시키거나 1씩 감소시키는 연산자로, 늘리거나 줄인다는 뜻으로 증감이라는 이름이 붙었다고 한다. 증감 연산자는 2종류가 있으며, 값을 1씩 증가시키는 것을 Increment 연산자, 값을 1씩 감소시키는 것을 <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Decrement" ta

2021년 5월 26일
·
3개의 댓글
·
post-thumbnail

5. def Title (Saturday): return Sammy Wilk

1. =& 대체 2. .= 추가 3. += 4. -= 5. *= 6. /= 7. %= 8. 주석 9. Integer 정수 양의 정수 0 음의 정수 10. floating point 부동소수점

2021년 1월 24일
·
0개의 댓글
·
post-thumbnail

[TIL] prefix, postfix의 차이

prefix, postfix prefix란 pre + fix로 앞 부분에 고정되어있다 postfix란 post + fix로 뒷 부분에 고정되어있다 라고 생각하면 된다. 바로 예시를 통하여 알아보자. ###예시 num라는 변수에 0을 지정하고 한번은 num++, 그리고 다시 num을 0으로 초기화 한 후, ++num을 실행하였다. ![](https://images.velog.io/images/ec532/post/943e29a1-d3

2020년 5월 3일
·
0개의 댓글
·