이 글의 제목처럼 MySQL 에서 가끔 Where 1 = 1 이라는 조건문을 볼 때가 있다. 필자 또한 토이 프로젝트에서 유지보수하는 도중 발견한 코드였고, 찾아보니 나중에 처리하기 편하도록 달은 실무 팁이였다. 이번 글에서는 이를 공유하고자 한다.MySQL에서 whe

Redux는 리액트에서 가장 많이 사용되고 있는 상태관리 라이브러리이다. Redux를 사용하게 되면 상태를 글로벌하게 관리할 수 있고 효율적으로 관리할 수가 있다.이를 이용해서 간단하게 로그인을 구현하는 포스트를 작성하고자 한다.위의 이미지와 같이 사용자가 로그인을 하

이전 글에는 Apps Script를 통해 업무용 Gmail를 보내는 방법에 대해서 작성했었다.이어서, 드라이브에 접근해서 해당 Gmail에 각기 다른 이미지를 첨부하는 방식도 작성해보겠다.구현 모습은 이전 글와 동일하고, 위의 이미지와 같이 드라이브 접근한 뒤, 드라이

업무를 진행하면서 생각보다 구글 스프레드시트를 사용하는 일이 빈번하다.Apps Script를 사용하면 구글 스프레드시트에서 자동화를 구축할 수 있을 뿐만 아니라 구글에서 제공하는 Drive, Docs 등에 접근하여 업무를 처리할 수 있다.(물론 여러 권한 등의 문제로

프로젝트를 진행하는 도중 내가 만든 웹사이트에 어떤 사용자가 어떤 시간대에 접속해서 어떤 이벤트를 발생하는지가 궁금했다.이러한 생각은 곧 내가 만든 웹 사이트가 많은 사용자에게 노출되었으면 좋겠다는 생각에 귀결되었고, SEO를 고민하는 계기가 되었다.SEO는 Searc

우리는 굉장히 많은 플랫폼에 개인정보를 저장해두고 있다.페이스북과 인스타그램과 같은 SNS에서부터 구글과 네이버, 그리고 서비스를 운영하는 스타트업까지도 사용자는 개인정보를 저장해 둔다.하지만 우린 해커들로부터 개인정보가 유출된다는 기사를 종종 접하게 된다.심지어 금융

https://www.acmicpc.net/problem/1009a, b를 입력받고 맨 끝자리의 숫자에 따라 값을 주어지게 했다. 시간 초과가 뜨면서 답이 틀렸다.제곱의 끝자리에는 규칙이 있다.예를 들어, 6의 어떤 수를 제곱을 해도 끝자리는 6으로 끝날것이다

UI란 자고로 User Interface, 즉 사용자가 사용하는 서비스나 제품의 화면 안에 모든 것을 뜻한다.이러한 UI는 제품 및 서비스의 효용성을 증대하기 위한 목적으로 사용자와의 상호작용 관점에서 나날이 발전해가고 있다.그리고 이젠 스마트폰, PC의 화면을 통한

margin 은 padding과 함께 박스모델을 구성하는 BOX 속성 중 여백의 크기를 나타낸다.자세히는 박스 요소의 네 방향 바깥 여백 영역을 결정하는데 이때 마진 병합 현상에 대해 글을 정리해보고자 한다.마진 병합 현상은 요소와 요소 사이, 그리고 부모과 자식 사이

지연 평가를 하는 함수의 종류이다.

지연성을 위한 함수형 프로그래밍을 설명하기에 앞서 제너레이터 함수를 먼저 언급할 필요가 있다.제너레이터는 이터레이터이자 이터러블을 생성하는 함수이다.제너레이터는 위와 같이 \* 을 함수명 앞에 붙여서 생성한다.또한 제너레이터 함수는 yield 를 통해 값을 생성한다.이

https://www.acmicpc.net/problem/1371아스키 코드로 변환하는 ord()와 chr()를 이용해주면 풀수 있는 문제이다.여러 문장을 입력받기 위해 sys.stdin.read()를 사용해줬어야 했다.다음과 같이 간략하게 코드를 짤수도 있다

프로그래밍을 완전 처음 배울 때, 정확히는 생활코딩 JavaScript 강의를 보면서 실습해 나갈 때지인이 이런 말을 한 적이 있다.<scrpit> 태그는 맨 뒤에 위치시키는 게 좋아~이는 브라우저의 렌더링 원리와 과정에서 에러를 발생시킬 우려도 없앨 뿐더러 페이

https://www.acmicpc.net/problem/1233주사위 경우의 수를 모두 합해보는 브루트포스와 구현문제이다.최댓값을 다음과 같이 정해주면 틀리는 듯하다. (값은 정확히 나옴.) 다음과 같이 max() 함수를 쓰면서 정답처리가 되었다.

프로젝트를 수행하면서 모달창을 구현해야 했다. 위의 이미지와 같이 로그인 요청, 수량 변경, 알림, 삭제의 상황에서 그에 맞는 내용을 담아 사용자에게 보여주고 싶었다. 그리고 font-weight 의 속성과 같이 각기 다른 스타일도 요구하지만 대부분의 UI가 동일하

Symbol 값과 이터러블 1편에서 배열은 이터러블이기 때문에 이터러블의 속성을 통한 for ...of 의 동작 원리를 알 수 있었다.그럼 해당 이터러블을 직접 구현해보자.다시 한번 정의를 살펴보면 다음과 같다.이터러블은 이터레이터를 리턴하는 \[Symbol.itera

자바스크립트를 배우면서 for문을 배우고 자연스레 for ...in 과 for ...of 도 배웠다.당시 for ...in 과 for ...of 의 차이는 단순히 객체 순환과 배열 순환 할 때의 차이라고 알고 있었다.for ...of 의 동작 원리가 ES6에서 새롭게

https://www.acmicpc.net/problem/1193숫자를 입력하면 지그재그 순서에 맞는 분수를 출력해주는 문제이다. 일정한 규칙을 찾아야만 했는데 규칙은 다음과 같다.대각선을 기준으로 1번째 라인에는 1개의 분수가, 2번째 라인에는 2개의 분수가

Rest 문법은 배열, 객체, 함수의 파라미터에서 사용된다.객체에서는 다음과 같이 사용할 수 있다.이처럼 객체에서 원하는 값의 key를 비구조화 할당 문법을 통해 사용된다.배열에서도 객체에서의 Rest 와 마찬가지로 비구조화 할당 문법을 통해 값 추출이 가능하다.Res

https://www.acmicpc.net/problem/1010DP를 이용하고, 조합론으로도 풀 수 있는 문제이다. 이번엔 DP를 이용해서 풀이했다.