barcode
삼항연산자
Coding/JavaScript
내 최근에 달력 코드를 올렸는데 거기서 보면 dates.forEach((date, i) => { const condition = i >= firstDate && i < lastDate + 1 ? 'this' : 'other'; dates[i] = `${date}`; }) 이놈이 있다. 어디서 나오냐면 이전달/다음달 날짜 구별할 때 나온다. 근데 이게 뭔 람다식인가 했더니 그건 아니고 삼항연산자래요... 그럼 이게 뭔지 한번 알아보자. 얘는 연산자는 연산자인데 항이 세 개이다. 엥? 그게 왜요? 항이 세개일수도 있잖음! 자 생각해봅시다. 우리 더하기 하나에 숫자 몇개 들어감? 두개 들어가죠? 곱하기는? 곱하기도 두개지? 제곱은? 제곱도 두개다. 나누기는? 피제수 제수 두개다. 루트는? 두개다. 예? 루트가..
barcode
시스템 소프트웨어와 응용 소프트웨어
Coding/코딩잡담
두 용어간의 차이가 정말 이 이상 심플할 수 없다. 일단 윈도우는 시스템 소프트웨어, 포토샵은 응용 소프트웨어이다. 엥? 그 둘이 무슨 차이인데요? 시스템 소프트웨어는 응용 소프트웨어를 돌리기 위한 플랫폼을 제공하고 컴퓨터 하드웨어에 접근할 수 있게 해 주는 소프트웨어이다. 그리고 운영체제는 시스템 소프트웨어 중 하나. 잘 생각해보자. 컴퓨터에는 하드웨어(단단해서 만져지는 장치라고 생각하면 된다)와 소프트웨어가 있고, 그 중에서도 CPU나 램, 하드디스크(요즘은 SSD)를 하드웨어라고 한다. 그 중에서도 램은 주기억장치, 하드디스크는 보조기억장치이고 CPU는 중앙처리장치, 즉 컴퓨터의 뇌라고 보면 된다. BIOS도 없이 아예 쌩 노트북으로 뭘 할 수 있을까? BIOS가 있어도 바이오스 설정만 가능하지, ..
barcode
나홀로 메모장 파생형 만들기-구성 및 사이드바 달력
Coding/JavaScript
Reference https://bigtop.tistory.com/63 [JavaScript] 일반적인 달력 만들기 - HTML 뼈대 잡기 만학도 첫 번째 프로젝트였던 간단한 달력 만들기에 이어서 두 번째는, 하루만 나타내는 달력이 아니라 우리가 일반적으로 생각하는 Full Calendar를 만들어 볼까 합니다. 이번에도 지금까지 정리 bigtop.tistory.com https://opentutorials.org/course/1375/6761 addEventListener() - 생활코딩 addEventListener은 이벤트를 등록하는 가장 권장되는 방식이다. 이 방식을 이용하면 여러개의 이벤트 핸들러를 등록할 수 있다. var t = document.getElementById('target'); t..
barcode
익명함수 김람다씨
Coding/코딩잡담
티스토리 테마 컬러를 Vue 로고껄로 바꿨음... 개인적으로 슬랙 테마도 뷰때깔인데 이쁩니다. 우리가 함수를 선언할 때는 function a() { 이 안에... 로직 있다...? } 이런 식으로 선언한다. 이런걸 보통 기명함수라고 하는데, 반대로 익명함수는 저 이름이 없는 함수다. 익명함수를 쓰면 코드가 간결해지고, 반복문 관련 코드에서 불필요한 부분을 뺄 수도 있고, 지연 연산으로 성능을 높일 수도 있다. 보통은 일회성으로 사용되는 부분에 대해서 람다식을 써서 표현하는데, 이 경우 굳이 함수를 저장하기 위해 메모리 할당을 할 필요가 없다. 마트에 갈 때 장바구니 들고가서 사거나, 종량제 봉투에 물건을 담아오지 없으면 옆구리에 끼고 온다 굳이 봉투값 내가면서 일회용 비닐봉지 가져오지는 않잖음? 생리대 ..
barcode
:root와 var의 조합은 정말 개편합니다.
Coding/코딩잡담
이거는 어떻게 쓰냐면 :root { --main-color: #8d140a; --sub-color: #ac4404; --back-color: #f7ce1b; } 이런 식으로 :root를 만든 다음 색깔명과 rgb 코드를 넣고 ::selection {color:var(--main-color); background-color:var(--back-color);} 그 할당한 색깔을 쓸 때는 var(이름) 이런 식으로 쓴다. (형식이 망한 이유는 워드프레스에 적용한거 통으로 갖고온거라... 에디터는 알아서 이쁘게 잡아줍니다 여러분) 보통 CSS에서는 * {color:#000000;} 이렇게 쓴다. 보통은 이렇게 쓰는데 문제가 뭐냐면, 이거는 나중에 색을 바꿀 때 일일이 요소별로 찾아서 바꿔야 한다. 그나마 색깔 ..
barcode
유튜브 광고가 너무 두서없음..
잡담/단문
요즘 광고 뜨는 게 보면 1. 차 2. 다이어트(정확히는 다이어트 보조제 이런거) 3. 화장품 4. 옷(...) 5. 대출 이렇게 뜨는데 본인은 저기에 관심 1나노그램도 없고... 네, 진짜 없습니다. 다이어트 뭐 살빼는건 건강때문에 중요하겠지만 운동해서 빼자는 주의라... 아무튼. 알고리즘은 추천 잘 해주는데 광고가 진짜 1도 상관없는것만 나옴.. 오늘도 나왔죠. 나: 유튜브 이상해 아빠: 왜? 나: 나 무면허인데 차 사라고 광고함 아빠: 이상하네. 뭐 사고싶다고 하면 구글이 제일 먼저 듣는다더니 이제 안듣고 대충 때려맞추나?
barcode
마우스를 따라다니는 무언가 만들기
Coding/JavaScript
참고로 이 블로그에도 적용해뒀다. 여러분의 마우스 커서를 따라다니는 Thinking Face가 그것. 워드프레스는 HTML이나 JS는 건드릴 수 없어서 적용 못했고 네이버나 미디움은 HTML쪽 편집이 안돼서 적용 못했음. Reference https://stickode.tistory.com/318 [JavaScript] 마우스를 따라다니는 원 만들기 이번시간에는 [JavaScript] 를 사용해 마우스를 따라다니는 원을 만들어보겠습니다. 스틱코드를 즐겨찾기해주세요. https://stickode.com/detail.html?no=2671 스틱코드 stickode.com Html안에 javascript와 css.. stickode.tistory.com https://codepen.io/falldowngob..
barcode
RE with FLASK-유효성 검사
Coding/Python
예전에 익스트림 CRUD에 나왔던 그거 맞다. 대신 익스트림 CRUD에 비해 입력받는 항목도 적고, 형식검사도 한 가지 부분에 대해서만 진행하면 되기때문에 코드가 비교적 간소하다. 입력인자 중 공백 여부를 체크할 것은 1. 시퀀스 2. 시퀀스 이름 3. 시퀀스 정보 이고, 형식을 체크할 것은 시퀀스 하나뿐이다. DNA는 다들 아시다시피 A, T, G, C로 구성되어 있고 DNA 시퀀스에도 당연히 A, T, G, C만 들어간다. 대소문자 입력을 감안해도 atgcATGC 이렇게 여덟개다. 어? 제한효소 인식 시퀀스에는 W나 N같은 것도 있잖아요! 그건 DNA 시퀀스가 문제가 아니라 그 제한효소가 인식하는 염기가 두 개 이상이라는 소리다. 예를 들어서 GGWCC라는 인식 시퀀스를 가지는 제한효소가 있다면, 이..
barcode
백준 1427번 풀이
BOJ/[BOJ] Python
문제 https://www.acmicpc.net/problem/1427 1427번: 소트인사이드 첫째 줄에 정렬하려고 하는 수 N이 주어진다. N은 1,000,000,000보다 작거나 같은 자연수이다. www.acmicpc.net 숫자 정렬하는 문제인데 이제 입력이 192834729 막 이런식이다. 풀이 어? 내림차순? 그럼 정렬 알고리즘 수정해야 하나요??? 아니 그럴 필요는 없으시고요 고객님. 이거 진짜 핵 심플한 문제임. import sys N = sys.stdin.readline().rstrip() x = [] for i in N: x.append(i) x.sort(reverse=True) x = ''.join(x) print(x) 파이썬은 문자도 시퀀스형 데이터이기 때문에 반복문을 돌릴 수 있다..
barcode
페이지네이션
Coding/JavaScript
매우 고급져보이는 이 단어의 뜻은 정말 생각지도 못하게 심플하고, 여러분은 이미 이걸 몇 번 봤다. 이런거 다들 한번씩 봤잖음. 블로그건 검색이건... 이게 페이지네이션이다. 저게 코딩관련 글을 11페이지로 옮겼는데(다 옮겼음) 분량이 어마무시하다 그죠...? 아무튼, 페이지네이션은 이런 식으로 한 페이지에 정해진 양의 콘텐츠를 보여준다. 반대되는 개념인 무한 스크롤은 끝이 보일때까지 아래로 아래로 내리는 것. 무한 스크롤은 보통 모바일 앱에서 많이 사용하는 방식인데, 인별이나 미디움도 무한 스크롤이다. 아래로 스크롤하면서 콘텐츠를 계속 볼 수 있어서 굳이 페이지 이동하고 로딩하는 걸 기다리지 않아도 된다. 하지만 콘텐츠가 많아지면 로딩하는 데 시간이 걸리기도 하고(...), 읽다 보면 스크롤바는 줄어드..