본문 바로가기

Programming

(56)

[HTML] input radio 버튼 checked 안됨. HTML radio button의 checked 문제 해결 건 상당히 오랜만에 블로그 글을 작성하는데 이유가 조금 황당하다. 최근 회사에서 하이브리드 앱 개발도 맡게 되어서 약간의 프론트엔드 개발 건이 잦아졌다. 오늘 코드를 수정하다 input tag의 radio 버튼의 checked 속성이 제대로 동작하지 않는 것을 발견했다. 문제는 이러했다. "버튼1"과 "버튼3"이 checked 속성으로 기본 load시 checked가 되어야하는데 이상하게 "버튼1"이 checked가 되지않는 것이었다. 퍼블리싱이나 프론트엔드 개발을 많이 하셨던 분들이라면 눈치채겠지만 내 코드는 이러했다. 버튼1 버튼2 버튼3 버튼4 문제는 바로 input tage 안의 name 속성의 값이 같다는 것 이었다. radio butt..

[JS] Object 변수 데이터 추가, 문자열(String)을 이용한 동적 접근 방법 🥸 JavaScript Object 객체 문자열을 이용해 동적으로 데이터 추가, 삭제하기 자바스크립트의 Object 객체는 key, value 형태도 데이터를 저장합니다. 🤔 프로퍼티 접근법으로 데이터 추가, 대체 하기 var object = {}; object.arr = [];// obect에 arr가 없다면 빈 배열([])을 추가, 존재한다면 대체 console.log(object); // { arr: [] } object.arr.push('first');// object 안의 arr에 문자열 'first' 추가 console.log(object.arr); // [ 'first' ] object.arr = [];// 기존에 있는 arr를 빈 배열로 대체 console.log(object.arr); /..

[JS] 자바스크립트의 상속과 prototype 이번에 회사에서 배치받은 팀은 모바일 서비스 팀이었다. 네이티브 앱 아래에 웹 뷰를 제공하는데 당분간은 프론트 부분을 다루게 될 것 같다. JS는 DOM 조작 외에는 다뤄볼 기회가 없었기에 이번에 prototype에 대한 개념도 처음 알게 되었다. JS는 prototype 기반 언어라고 불린다는데 기본도 몰랐던 거시였다... 한 동안 JS를 열심히 공부해야할 것 같다. prototype은 JS에서 객체의 상속을 다루는 간단하면서, 중요한 개념이었다. 사실 JS도 이런 기능을 제공한다는 것에 놀라기도 했다. 또 역시 JS답게 굉장히 심플했다. 🧐 자바스크립트 객체 생성 function MyObject(인자) { this.property1 = ... this.property2 = 인자 } class MyOb..

[MySQL] JOIN 문법, left join, left outer join, inner join 위 사진의 출처: https://yoo-hyeok.tistory.com/98 SQL join 문이 가장 잘 정리 되어 있는 그림인 것 같습니다. join: 동일한 column을 기준으로 테이블을 하나로 합칩니다. left(right) join 과 left(right) outer join의 차이점 실행 결과는 동일 합니다. left join의 경우 동일한 column으로 하나로 합쳐지고 left 쪽(A)의 모든 데이터를 포함하고 B의 데이터는 null로 표시 됩니다. A 테이블 id name 1 1 aaa 2 2 AAA B 테이블 id name 1 2 AAA 2 3 bbb left join 결과 A left join B id name id name 1 1 aaa null null 2 2 AAA 2 AAA ..

[DevOps] 도커(Docker)는 왜 쓸까? 도커는 다양한 운영체제에서 리눅스의 컨테이너 환경을 제공하기 위한 엔진 입니다. 컨테이너(container)는 뭘까? 컨테이너는 애플리케이션을 실행할 수 있는 환경입니다. 운영체제와는 다른 개념으로 리눅스 운영체제에서 애플리케이션을 실행할 수 있는 독립된 환경을 제공하는데 이때, 독립된 환경이 컨테이너 입니다. 조금 더 자세한 내용은 차후 글 작성으로 대체하겠습니다. 도커를 사용하는 이유 1. 애플리케이션을 구동하기 위한 환경을 제공 동일하게 작성된 애플리케이션이라도 실행하는 환경이 달라지면 정상적으로 작동하지 않을 수 있습니다. 만약, Java 11에서만 지원하는 기능을 사용해서 애플리케이션을 작성했는데 다른 컴퓨터에 Java 11을 위한 JVM이 없다면 동작하지 않게됩니다. (똑같이 쳤는데 왜 안되지..

[PowerShell] 파워쉘 웹 크롤링 / 파워쉘 변수 한글 저장 문제 해결 powershell web crawling / powershell variable uft8 encoding 최근에 windows의 powershell을 이용해서 간단한 스크립트 파일을 작성할 일이 있었다. 자동으로 웹 페이지에 특정 키워드를 검색해서 특정 값을 가져오는 프로그램인데 사용할 컴퓨터의 사양상 python 프로그램 등을 사용하기 부담스럽고 워낙 짧고 간단한 기능만 제공할 것이기에 스크립트로 충분할 것이라고 생각했다. 프로그램 소스 코드는 대충 아래와 같다. # power shell # variable section $KEY_WORD1="검색할 키워드" $KEY_WORD2="검색할 키워드2" $KEY_WORD1_URL="https://search.naver.com/search.naver?quer..

[Algorithm] Union - Find (Python 구현) 유니온 파인드 파이썬 구현하기 / union - find by Phython 유니온 / 파인드는 현재 노드들이 같은 그룹에 속해 있는지 확인하고 같은 그룹으로 만드는 병합이 필요할 때 사용하는 알고리즘입니다. find 알고리즘 구현 par = [ -1 for i in range(N + 1) ] # 루트를 담을 배열 def find(x): # 루트를 찾아주는 함수 if par[x] 아직 연결된 적이 없음 par[x] = find(par[x]) # 자신의 부모를 부모->부모 를 재귀로 루트 부모를 찾음 return par[x] # 루트 부모를 리턴 par 이라는 배열에는 각 노드의 부모를 담아 놓습니다. par 배열의 index는 각..

[Algorithm] 재귀를 통한 순열(permutation) 구현(+ python 내장 함수 이용) 순열이란, N개의 원소에서 원하는 개수를 뽑을 때, 순서까지 고려하는 것을 말합니다. 예시) [1, 2, 3] 배열에서 2개의 원소를 선택할 경우 => (1, 2), (1, 3), (2, 3), (2, 1), (2, 3), (3, 1), (3, 2) 위와 같은 결과처럼 (1, 2), (2, 1)의 경우는 서로 다른 것으로 판단합니다. 🥸 재귀를 통한 코드 구현 test = [1, 2, 3] test_len = len(test) N = 2 # 뽑을 순열의 개수 visit = [0] * test_len # 해당 index의 값을 사용했는지 여부 arr = [0] * N # 현재 순열을 담을 배열 arr_list = [] # 모든 순열을 담을 배열 def permutaion(level): if level >=..

이전 1 2 3 4 5 6 7 다음

728x90

티스토리툴바