barcode

폰트어썸(Font awesome) Coding/JavaScript

barcode
폰트어썸(Font awesome) Coding/JavaScript 그 왜 가끔 사이트 보면 기깔나는 아이콘인데 텍스트처럼 선택이 되는 뭐 그런 아이콘이 있을 것이다. 그 있어... 뭐 햄버거 버튼 별 이런거 있는데 별의별게 다 있다. 그리고 개발자 도구를 봤더니... 폰트 패밀리에 FontAwesome? 이게 뭐시여? 폰트어썸은 아이콘 라이브러리이다. 당연한 소리지만, 내가 처음 네이버 마이홈을 쓸 때는 CSS라는 개념이 없어서 속성도 죄 인라인에 줬고, 아이콘? 아이콘은 이미지 파일을 서버에 직접 업로드해야 했다. 그러면 색깔 잘못 올리면 어떻게 되냐고요? 걍 주옥되는겁니다. 새로 작업해서 새로 올려야 하거든... 이 얼마나 힘듭니까... 그때 컴퓨터가 램 16기가면 쥰내 비쌌어요... 하지만 얘는 CSS로 제어가 가능하기때문에 그냥 CSS로 색깔을 바꾸면 된다. 즉..

백준 10816번 풀이 BOJ/[BOJ] Python

barcode
백준 10816번 풀이 BOJ/[BOJ] Python 문제 https://www.acmicpc.net/problem/10816 10816번: 숫자 카드 2 첫째 줄에 상근이가 가지고 있는 숫자 카드의 개수 N(1 ≤ N ≤ 500,000)이 주어진다. 둘째 줄에는 숫자 카드에 적혀있는 정수가 주어진다. 숫자 카드에 적혀있는 수는 -10,000,000보다 크거나 같고, 10,0 www.acmicpc.net 숫자 카드에서 특정 숫자가 몇 개인지 찾아서 출력하기 Reference https://www.daleseo.com/python-collections-counter/ 파이썬 collections 모듈의 Counter 사용법 Engineering Blog by Dale Seo www.daleseo.com https://chancoding.tistory.com/..

리스트뷰-그리드뷰 전환하기 Coding/JavaScript

barcode
리스트뷰-그리드뷰 전환하기 Coding/JavaScript 씽크패드 펑션키 밖으로 뺀 사람 찾아서 조사버리겠다... 아무튼... 포고 인벤토리 보고 생각났던건데 이제서야 함... 귀차니즘이 이렇게 무섭습니다 여러분. https://github.com/koreanraichu/Javascript/tree/main/List-grid 코드는 여기 가서 봅시다. HTML이나 CSS 관련 코멘터리는 안할거임. 발단 일단 발단이 뭐냐... 위가 리스트 뷰, 아래가 그리드 뷰이다. 포켓몬고의 인벤토리는 원래 위쪽만 있었다가, 아래쪽도 일부 계정에 시범적용 후 현재는 전 계정에서 해당 설정을 할 수 있게 되었다. 일단 두 방식은 각각 장/단점이 있는데 리스트 뷰는 위의 사진처럼 아이템의 설명을 확인할 수 있고, 버리기 아이콘도 줄의 끝에 있기 떄문에 아이템이랑 거리가 있어서 아..

[HTML 요소] 라디오 버튼 Coding/JavaScript

barcode
[HTML 요소] 라디오 버튼 Coding/JavaScript 라디오 버튼이 뭐임? 그 왜 회원가입 받거나 구글폼으로 설문조사 할 때 동그란 버튼 있죠? 중복으로 선택 안 되고 하나만 선택 되는. 지금은 그게 뭔데요? 지만 아래 예시를 보면 아마 바로 아 이거! 할 것이다. See the Pen Radio button 1 by koreanraichu (@koreanraichu) on CodePen. 봐봐요 이 버튼 어디서 봤잖아. 이게 라디오 버튼이다. 해당 예시에 JS는 적용 안돼서 그냥 선택만 할 수 있는 정도다. 바깥은 위험하니 이 아이들을 데려가렴! 이상해씨 파이리 꼬부기 { if (node.checked && node.value == "meat") { selectDish = "T본스테이크"; } else if (node.checked && node.valu..

개발자 도구는 장식이 아니다 Coding/JavaScript

barcode
개발자 도구는 장식이 아니다 Coding/JavaScript 브라우저에서 F12를 누르면 개발자 도구가 나온다. 아, 오페라는 컨트롤 시프트 I 눌러야 나옴. 아무튼... 가끔 글쓰다가 열리면 어이 이거 뭐야 하게 되지만 사실 이거, 장식이 아니다. 자바스크립트에서 console.log()로 출력하게 되면 결과물 확인할 때 콘솔창을 들러야 한다...만 그거 말고 다른 쓸모가 또 있다. 예전에 고대에서 일할 때 도움 됐던 팁임. 오늘은 파폭으로 열었다. 파폭도 개발자 도구 오른쪽에 고정할 수 있는데... 보니까 뭔가 복잡하다 그죠? 검사기에 있는 것들은 지금 내가 보고 있는 이 사이트(네이버 메인)의 DOM이다. 뭐 네이버 검색창이라던가, 내 정보창(로그인 상태니까), 뉴스, 웹툰 이런거 말하는거다. 여기서 DOM을 선택해서 볼 수도 있고, 직접 보고자 하는 요소에..

한때 열나게 플레이했던 게임을 보내며... 잡담/장문

barcode
한때 열나게 플레이했던 게임을 보내며... 잡담/장문 지금은 섭종을 앞두고 있지만, 예전에 즐겨 했던 게임중에 킹스레이드라고 있다. 접은지는 좀...아니다. 거의 한참 됐지만. 이 게임은 스토리도 스토리지만 캐릭터 가챠가 없다. 그래서 내가 애정하는 캐릭터가 있으면 현질을 하거나 루비 열심히 모아서 사서 키우면 된다. 코스튬도 마찬가지로 재화 모아서 살 수 있다. 어쨌든 현질을 하지 않더라도 시간을 좀 들이면 원하는 캐릭터를 얻을 수 있다. 본인 최애는 에피스였지. 8챕터부터 좀 어렵네? 하는 감은 있었지만 7챕터까지만 해도 내가 쓰고 싶은 캐릭터가 육성 상태와 장비만 괜찮다면 챕터 미는데 쓸 수는 있었다. 그런데 8챕터~9챕터부터 난이도가 급격히 상승해서 어지간한 장비로는 깨지도 못하고 파티 전멸. 그리고 업그레이드를 하려면 돌아야 하는 것도 많고, 그 ..

enumerate에 대해 알아보자 Coding/Python

barcode
enumerate에 대해 알아보자 Coding/Python enumerate는 해시 테이블을 만들어보는 과정에서 나왔던건데, 반복문 뺑뺑이 도는 역할을 한다. 근데 이제 for문 하면 빠질 수 없는 for i in 아무개 없이 할 수 있다. import sys text = sys.stdin.readline().rstrip() for i in text: print(i) 텍스트를 입력받아서 한글자씩 출력하는 코드. for문은 이렇게 쓴다. 이건 직접 글자에 접근해서 print(i)로 출력했지만 보통은 for i in range(len(text))로 주고 print문을 작성하게 된다. 그거 말고도 가끔 그럴때 있잖음. 인덱스랑 같이 뽑고 싶잖아요? 그러면 어떻게 하냐... import sys text = sys.stdin.readline().rstrip() j = 0..

백준 7785번 풀이 BOJ/[BOJ] Python

barcode
백준 7785번 풀이 BOJ/[BOJ] Python 문제 https://www.acmicpc.net/problem/7785 7785번: 회사에 있는 사람 첫째 줄에 로그에 기록된 출입 기록의 수 n이 주어진다. (2 ≤ n ≤ 106) 다음 n개의 줄에는 출입 기록이 순서대로 주어지며, 각 사람의 이름이 주어지고 "enter"나 "leave"가 주어진다. "enter"인 경우는 www.acmicpc.net 로그 데이터를 바탕으로 회사에 있는 사람이 누구인지 사전 역순으로 출력하기 풀이 로그 데이터는 이름이랑 상태가 있는데 상태가 enter면 출근한거고 leave면 퇴근한거다. 그니까 이걸 토대로 현재 회사에 있는 사람을 찾으면 되는데... 아 이거 머리 터진다 그죠? 근데 머리 터질 일이 1도 없음. 일단 이 문제의 카테고리가 집합인 것을 잊지 말자. i..

이제 면접볼 때 물어볼거 하나 추가됨. 잡담/단문

barcode
이제 면접볼 때 물어볼거 하나 추가됨. 잡담/단문 어제 본 데 합격은 했는데 통장 사본을 국민/우리/하나/신한만 받더라? 사실 토뱅으로 돈 다 옮기고 계좌 하나는 혹시 몰라서 그냥 두긴 했는데(두개였는데 하나는 없앰) 없는데 어떻게 안될까요? 했더니 시중 은행만 받는다고 함. 이제 면접볼때 통장사본 혹시 토스뱅크도 받는지 물어봐야 하게 생김 ㅋㅋㅋㅋㅋㅋ

zip이란 무엇인가 Coding/Python

barcode
zip이란 무엇인가 Coding/Python 요전에 해시 테이블 할 때 나왔던건데, zip이 뭔지 한번 알아보는 시간을 가져보자. enu뭐시기도 나중에 알아볼거니까 안심하시고. molecule_name = ["Ethanol", "Glucose", "Methanol"] molecule_formula = ["C2H5OH", "C6H12O6", "CH3OH"] 여기 길이 3인 1차원 배열 두 개가 있다. 이 배열 두 개를 하나로 묶고 싶은데 그럼 어떻게 하나요? molecular_list = zip(molecule_name,molecule_formula) for i in molecular_list: print(i) zip()으로 묶어주면 알아서 튜플로 변환해준다. molecule_name = ["Ethanol", "Glucose", "Methanol",..

아니 오늘 면접보다가 식겁했음 ㄷㄷ 잡담/단문

barcode
아니 오늘 면접보다가 식겁했음 ㄷㄷ 잡담/단문 면접 볼 때는 핸드폰 무음모드 하는데... 전화가 왔더니 벨소리가 들려... 아니 농담 아니고 진짜 벨소리가 들렸음... 죄송하다고 하고 후다닥 처리는 했는데... 아니 이게 자기가 급한 일이면 전화를 한번 더 하거나 문자를 남기거나 할텐데 누구냐고 물어도 답이 없거든요? 진짜 누군지는 모르겠으나 님때문에 면접 망칠뻔 했음. 팀쿡 이리 와봐유 무음모드인데 왜 벨소리가 울려유

하나은행이 ATM UI는 잘뽑은듯 잡담/그림있음

barcode
하나은행이 ATM UI는 잘뽑은듯 잡담/그림있음 다른 ATM은 오래된(대충 2000년대에 만든) PPT 템플릿에나 있을 것 같은 이상한 버튼 일색인데 얘네는 진짜 깔끔하게 잘 만들었음. 주요 기능은 눈에 확 띄고 버튼 디자인이 통일되어있고 간단하고.
1 ··· 8 9 10 11 12 13 14 ··· 36

티스토리툴바