코딩 62

[html, css, js] 테이블 관련 코딩 팁

1. html 2. css1) 페이지 너비 축소시 글자가 삐져나감td{ word-wrap: break-word;}단어가 한 줄에 모두 들어가지 않을 경우 줄바꿈을 한다.영어는 단어 중간에 줄이 바뀌면 알아보기 어려워서 break-word가 기본값이 아닌 듯하다. 3. javascript1) 라디오, 체크박스가 선택되어있는 행 가져오기var table = document.getElementById('TableId');//라디오var selectedRow = table.querySelector('input [type="radio"]:checked').closest('tr');//체크박스var selectedRows = table.querySelectorAll('input [type="checkbox"]..

2025.01.24

ASP.NET Core 실습

https://youtu.be/BfEjDD8mWYg?si=tDqFy0AlbE5sH8F2  비주얼 스튜디오 Community 설치 후 프로젝트 생성 ASP.NET Core 웹앱과 ASP.NET Core 웹앱(MVC)가 따로 있으니 잘 보고 필요한 것을 선택한다.   실행하기IIS Express(Information Internet Server): 마이크로소프트웨어의 웹서버아무것도 하지 않고 서버를 돌렸을 때 나오는 화면 HTML 페이지 확인Views -> Home -> Index와 Privacy 페이지 확인*cshtml: C#HTML. 두 언어가 섞여있음  Controller[Controllers] -> [HomeController] -> Index   뷰 페이지 만들기1)클래스 추가[Models] 우클릭..

ASP.NET 2024.05.21

코딩테스트 스택 기본 문제

1. 괄호 닫기문제올바른 괄호: '('로 열렸을 때 ')'로 닫히는 괄호'(' 또는 ')'로만 이루어진 문자열 s가 주어졌을 때, 문자열 s가 올바른 괄호이면 true를 반환하고 올바르지 않은 괄호면 false를 반환하는 함수 만들기 제약 조건문자열 s의 길이: 100,000 이하의 자연수문자열 s는 '(' 또는 ')'로만 구성풀이*)는 )가 나오기 바로 전의 가장 가까운(최근) 열린 괄호와 상쇄된다.최근 -> 스택 ( 나오면 push) 나오면 ( pop -> 한 쌍 상쇄마지막 문자까지 반복해서 스택에 열린 괄호가 남아있으면 false//스택 생성ArrayDeque stack = new ArrayDeque();//문자열 s를 char 배열로 변환char[] a = s.toCharArray();//char..

코딩테스트 2024.05.05

3. TCP/IP

1. TCP/IP네트워크 아키텍처 중 하나. 지금은 거의 TCP/IP만 사용된다.TCP와 IP를 중심으로 하는 프로토콜의 집합 호스트: TCP/IP로 통신하는 PC와 스마트폰, 각종 네트워크 기기 전반   2. TCP/IP의 계층구조1)요약네트워크 인터페이스층: 프로토콜 자유 선택 가능. 이더넷, 무선 LAN(와이파이), PPP 등인터넷층: 엔드투엔드 통신. IP, ICMP, ARP 등트랜스포트층: 애플리케이션에 데이터 할당. TCP/UDP애플리케이션층: 애플리케이션에서 다룰 데이터 형식과 절차 결정. HTTP, SMTP, POP3, IMAP4, DHCP, DNS 등2) 네트워크 인터페이스층같은 네트워크* 안에서 데이터를 전송한다.*하나의 네트워크: 라우터와 레이어3 스위치로 구별되는 범위, 또는 레이어..

네트워크 2024.05.01

2. 네트워크 구성

1. 네트워크 구성1)기기라우터, 레이어2 스위치, 레이어3 스위치 2)구체적인 구성(1)인터페이스(=포트)- 네트워크 기기/PC/서버 등을 연결하기 위해 각 기기에 갖추어짐- 이더넷 인터페이스(=이더넷 포트, LAN 포트)가 가장 많이 이용됨- 0과 1의 디지털 데이터와, 전기신호와 같은 물리적 신호의 경계 (2)전송 매체, 링크링크: 각 기긱에 달린 인터페이스끼리 연결하는 것전송 매체: 인터페이스를 서로 연결하는 케이블- 유선 또는 무선 다양한 기기의 인터페이스를 전송 매체로 연결해 링크를 구성하면 네트워크가 형성된다.   2. LAN 구축*(아직 이해 잘 안 됨)라우터, 레이어2 스위치, 레이어3 스위치 등의 네트워크 인터페이스를 LAN 케이블로 연결하면 유선 LAN이 된다.무선 LAN을 사용하기 ..

네트워크 2024.04.29

1. 네트워크 기초

1. 네트워크 이용 목적정보 수집파일 공유효율적인 커뮤니케이션업무 처리 2. 사용 범위에 따른 구분1)사설 네트워크사용자가 제한됨사내 네트워크가정 네트워크(1)사내 네크워크 구성LAN(Local Area Network)/WAN(Wide Area Network)LAN: 각 거점의 네트워크, 가정 내 네트워크. 거점 내의 PC나 서버의 통신이 가능해짐WAN: 거점의 LAN끼리 서로 연결한 것 2)인터넷접속 사용자 제한 xAS(Autonomous System, 다양한 조직이 관리하는 네트워크)가 연결되어서 인터넷을 이룸AS 예시- 구글, 아마존 등 인터넷상에서 서비스를 제공하는 기업 네트워크- ISP(인터넷 서비스 프로바이더) Tier1: ISP의 상위 그룹인터넷상의 모든 ISP는 Tier1을 경유해서 연결됨..

네트워크 2024.04.29

코딩테스트 스택 기초

먼저 입력한 데이터가 제일 나중에 나오는 자료구조(FILO) 스택 연산반환 타입메서드설명booleanisFull()스택에 들어있는 데이터 개수가 maxsize인지 확인해서 boolean 반환booleanisEmpty()스택에 들어있는 데이터가 하나도 없는지 확인해서 boolean 반환voidpush(ItemType item)스택에 데이터 푸시ItemTypepop()최근에 푸시한 데이터 반환 스택에 아무 데이터도 없는 경우 top에는 -1이 있음(top이 0이면 데이터 1개) 세부 동작1)push()push(3): 데이터 3 추가① isFull() 수행, 데이터 개수가 maxsize인지 확인② ①의 결과가 false인 경우, top을 1..

코딩테스트 2024.04.24

코딩테스트 배열 관련 함수②

1. 배열에서 두 항목 선택 각 인덱스에서 자신의 뒤에 있는 항목 선택 -> 모든 경우의 수 실행 가능 for(int i = 0; i 시간 복잡도 O(N^2) *2차원 배열 int[][] pattern = { {1, 2, 3, 4, 5}, {2, 1, 2, 3, 2, 4, 2, 5}, {3, 3, 1, 1, 2, 2, 4, 4, 5, 5} }; 이 2차원 배열은 다음과 같이 저장된다. 1 2 3 4 5 2 1 2 3 2 4 2 5 3 3 1 1 2 2 4 4 5 5 이렇게 2차원 배열로 저장하면 다음과 같이 2중 for문을 사용해서 값을 ..

코딩테스트 2024.04.23

코딩테스트 배열 관련 함수

1. 정렬 Arrays.sort() 1)배열을 오름차순으로 정렬 2)기본 오름차순 다른 정렬 기준: Comparator 인터페이스 구현 int[] arr = {3, 1, 4, 1, 5, 9}; Arrays.sort(arr); // [1, 1, 3, 4, 5, 9] 내림차순 정렬 Arrays.sort(arr, Collections.reverseOrder()); 3)객체 배열 정렬하기 String[] fruits = {"Pineapple", "Apple", "Orange", "Banana"}; Arrays.sort(fruits); //알파벳 순으로 정렬 Comparable, Comparator 인터페이스: 객체 정렬 기준 (1)Comparable 인터페이스 구현시 compareTo 메서드 오버라이드 필요: ..

코딩테스트 2024.04.22

자바 코딩테스트 메서드 기초: 구현 노하우

1. 조기 반환(early return) what? 코드 실행 과정이 함수 끝까지 도달하기 전에 반환 why? 코드 가독성↑ 예외를 깔끔하고 빠르게 처리 how? static int totalPrice(int quantity, int price){ int total = quantity * price; if(total > 100) return (int)(total * 0.9); return total; } if문에서 total이 100보다 큰 경우 total에 0.9를 곱하고 반환해 조기에 종료하도록 함 -> 예외 처리 불필요 2. 보호 구문(guard clauses) what? 본격적인 로직을 진행하기 전 예외 처리 코드를 추가 why? 보호 구문 이후 구현부에서 입력값에 대한 예외를 고려할 필요 x 처..

코딩테스트 2024.04.18