barcode

[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을 선택해서 볼 수도 있고, 직접 보고자 하는 요소에..

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..

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",..

Python으로 해시 테이블 만들어보기 Coding/Python

barcode
Python으로 해시 테이블 만들어보기 Coding/Python https://koreanraichu.tistory.com/289 해시 테이블 처음 설명을 본 본인 표정: 그럴만 했다. 뭔 소린지 1도 모르겠거든... 일단 얘는 자료구조다. 이름이 테이블인데 왜 자료구조인지는 주변에 계신 개발자에게 물어보도록. 아무튼 이 테이블은 데 koreanraichu.tistory.com 여기서 이어진다. 솔직히 이론적인거 백날 설명해봐야 뭔 소린지 모르잖음? 그니까 같이 만들어봅시다. 참고로 이번에 참고한 곳은 https://wikidocs.net/193049 06. 파이썬으로 해시 테이블 구현하기 해시 테이블은 언어에 따라 해시 맵, 사전 등으로 부른다. 해시 테이블은 키(key)와 값(value)으로 구성된 자료 구조다. 여기서 중요한 것은 해시함수다. 키를 해시함수에 …..

해시 테이블 Coding/코딩잡담

barcode
해시 테이블 Coding/코딩잡담 처음 설명을 본 본인 표정: 그럴만 했다. 뭔 소린지 1도 모르겠거든... 일단 얘는 자료구조다. 이름이 테이블인데 왜 자료구조인지는 주변에 계신 개발자에게 물어보도록. 아무튼 이 테이블은 데이터를 key, value로 짝지어서 저장하는데 이제 중간에 해시 함수가 껴서 인덱싱을 하게 되는 뭐 그런 구조다. 예를 들어보자. 스칼렛/바이올렛에도 핸드폰이 있다. 이름하여 스마트로토무. 오도방구 타면서는 조작 못 하고 정차중일때만 조작 가능한데 아무튼... 운전중에 폰 하지 맙시다. 그러면 핸드폰에 전화번호부가 있을 거 아님? 그레이프 아카데미에 처음 전학와서 네모의 연락처를 받았다, 그러면 키는 네모(이름임)이고 값은 네모의 연락처가 된다. 그리고 네모를 해시 함수를 통해 고정된 값으로 만든 다음 인덱스를 만..

자바스크립트는 출력을 어떻게 하나요? Coding/JavaScript

barcode
자바스크립트는 출력을 어떻게 하나요? Coding/JavaScript 자 생각해봅시다. 파이썬은 print문으로 출력하잖음? 근데 자바스크립트에는 그런게 없어요. 여기서 오해하시면 안되는 게, 출력이 안되는 게 아니라 파이썬이나 C언어처럼 print 어쩌고로 적는 출력문이 없다는 얘기다. 그럼 어떻게 출력하나요? 그걸 이제 알아볼거다. 자바스크립트는 프론트엔드 삼신기(HTML, CSS, JS) 중 유일한 프로그래밍 언어이다. 거기서 더 나가면 리액트 뷰 앵귤러 삼대장이 기다리고 있지만 아무튼... 삼대장의 삼대장 걔네는 뭐 확장팩같은거고 걍 자바스크립트도 있긴 있잖아요? 그런데 자바스크립트가 왜 프론트엔드 삼신기냐... 프론트엔드 개발자는 HTML로 뼈대를 만들어서 CSS로 살을 붙이고 자바스크립트로 동작하게 하기 때문이다. 하아니 그런데 출력문이 없다고요? 그럼 어떻게 ..

알고리즘과 시간복잡도 Coding/코딩잡담

barcode
알고리즘과 시간복잡도 Coding/코딩잡담 백준 시간복잡도 파트 풀다가 오셨다면 어서오십쇼. 일단 알고리즘 알고리즘 들어는 봤는데 이게 뭐임? 알고리즘은 '문제를 해결하기 위한 절차나 방법'을 뜻한다. 뭐 예를 들자면 방에 형광등이 나갔으면 갈아야 할 거 아님? 가는데 절차 있잖아요. 무작정 형광등 떼내고 교체하는 게 아니라 불이 꺼졌는지 확인하고(안그러면 피카츄 10만볼트 맞고 날아가는 로켓단 간접체험한다), 고장난 형광등을 떼고, 새 형광등 포장을 뜯고, 끼운다. Profit? 이런 느낌이다. 그러니까 우리가 자각하지 않더라도 어떤 문제를 해결하는 데에는 논리게이트와 알고리즘이 쓰이고 있다. 물론 CPU는 당신 두개골 안에 있는 세레브럼이고요. 유기체의 4대 조건이 있다. 살아있는 생물이고 유기체라면 다 가지고 있어야 하는 필요조건인데, 바로..

Python의 예외처리 Coding/Python

barcode
Python의 예외처리 Coding/Python 예외처리... 쉽게 설명하자면 에러가 떴을 때 어떻게 할 지 코딩하는거라고 보면 된다. 예를 들어서 웹서핑을 하다 보면 보이는 이런게 있는데 대충 이런거. 404 뜨면 404 페이지를 띄우시오 이런 느낌이라고 보면 된다. 당연한 얘기지만 자바스크립트에도 예외처리가 있다. 나중에 함 다뤄보겠음. 나무위키의 정의에 따르면 예외처리는 '예외 처리(Exception Handling) 혹은 오류 처리(Trouble Shooting)란 실행 흐름상 오류가 발생했을 때 오류를 그대로 실행시키지 않고 오류에 대응하는 방법을 제시하는 개념이나 하드웨어 구조를 의미한다. 일반적으로 프로그래밍에서 프로그램이 실행 중 특정 문제가 발생했을 때 다른 처리 방식으로 흐름을 옮기는 개념으로 사용한다.'라고 한다. 예를 들어서 계산..

n진수->10진수 코딩하기 Coding/Python

barcode
n진수->10진수 코딩하기 Coding/Python https://koreanraichu.tistory.com/254 백준 2745번 풀이 문제 https://www.acmicpc.net/problem/2745 2745번: 진법 변환 B진법 수 N이 주어진다. 이 수를 10진법으로 바꿔 출력하는 프로그램을 작성하시오. 10진법을 넘어가는 진법은 숫자로 표시할 수 없는 자리가 있 koreanraichu.tistory.com 여기서 잠깐 언급했던 그거 맞다. 그것까지 주저리주저리 넣었다간 대참사 터져서 따로 뺐다. 참고로 기본 원리 역시 저기 서술되어있으므로 여기서는 생략. a = input() cipher = len(a) # 자릿수가 영어로 cipher였다니 a = a[::-1] dec_number = 0 for i in range(cipher): dec_..

강해져서 돌아온 ChatGPT에게 코딩을 시켜보자 (번외편) Coding/Python

barcode
강해져서 돌아온 ChatGPT에게 코딩을 시켜보자 (번외편) Coding/Python 아니 나 급 생각난건데 얘가 코딩한걸 보니까 변수명이 my_list 막 이렇더라고... 그래서 궁금해졌음. 과연 변수명을 지정해서 코딩할 수 있는가? 또 서버오류가 반기는거 아니냐 일단 걍 리스트를 만들어보자. 전에는 my_list였는데? 아무튼 그럼 변수명을 내가 지정해주자. 변수명은 one_to_ten으로 할거다. 사실 여기에는 숨겨진 주문이 하나 더 있는데... 다들 알겠지만, 언어가 파이썬이 아니라 자바스크립트다. 리스트 이름을 지정한 변수명으로 하는 것도 무난하게 된다. 그런데... 자바스크립트 출력 방식이 console.log만 있는 게 아니란말이지... alert로 띄우게 할 건데, alert라고 직접적으로는 얘기를 안 할거다. 사실 이거 말고 HTML 요소의 내용을 바꾸는 방법도 있긴 함...

왜 리눅스인가 Coding/코딩잡담

barcode
왜 리눅스인가 Coding/코딩잡담 지금이야 Swift(iOS 앱 개발용 언어) 할 거 아니면 걍 윈도우 쓰세요~ 하지만 본이 노트북 2호 살때 OS 추천이 크게 두개였다. 리눅스랑 맥. 당시 예산이 100만원이라 맥북은 패스... 토익 없어서 수리받으러 갔다가 입구컷당한다 아무튼, 그런 이유로 우분투를 사서 깔게 됐고 지금까지 잘 쓰고 있다. 노트북 2호도 어언 6년... 아직까지 살아있는게 용하지만 아무튼... 윈도우와 비교했을 때 리눅스는 어떤 특징이 있는지 대충 알아보자. 공짜다 보통 어느정도 컴잘알인 분들은 노트북을 FreeDOS(아무것도 안 깔림)로 사서 거기다가 본인이 필요한 OS를 직접 깔아서 사용한다. 이건 나도 마찬가지 아니냐... 그러려면 일단 OS를 사든가 해서 깔아야 하는데, 이 때 윈도우 CD가 없어서 같이 사게 ..
1 2 3 4 5 6 ··· 13

티스토리툴바