2025/05 6

소프트웨어 개발(2)

수식의 표기법(Infix → Postfix)Infix로 표기된 수식에서 연산자를 해당 피연산자 두 개의 뒤(오른쪽)에 오도록 이동하면 Postfix가 된다.X = A / B * (C + D) + E → X A B / C D + * E + =1. 연산 우선순위에 따라 괄호로 묶는다.( X = ( ( (A / B) * (C + D) ) + E ) ) 2. 연산자를 해당 괄호의 뒤로 옮긴다. 3. 괄호를 제거한다.X A B / C D + * E + = 수식의 표기법(Infix → Prefix)Infix로 표기된 수식에서 연산자를 해당 피연산자 두 개의 앞(왼쪽)에 오도록 이동하면 Prefix가 된다.X = A / B * (C + D) + E → X + * / A B + C D E1. 연산 우선순위에 따라 괄호..

css

🔷 CSShtml 요소에 스타일을 지정할 때 사용 (html만으로는 꾸미기가 어렵다)어떻게 입히느냐에 따라 적용 방법이 3가지로 나뉨. ✅ 방법 1. 인라인 스타일 (태그에 직접 작성)HTML 태그 안에 style=""로 바로 작성해당 태그 요소에만 적용재사용성이 낮음.적용되는 우선순위는 가장 높음.✅ 방법 2. 내부 스타일 (HTML 파일 안에 head 태그 안에 style 태그를 이용해당 페이지에만 적용재사용성이 중간연습할 때 자주 사용✅ 방법 3. 외부 스타일시트 (CSS 파일 따로 만들어 링크) test.html : style.css :input { width: 100px; height: 50px;}HTML과 CSS를 분리실무에서 가장 많이 쓰이는 방법여러 페이지에 적용 가능.유지보수가 편하..

프론트엔드/CSS 2025.05.14

시멘틱 태그와 레이아웃 태그

✅ 시멘틱 태그와 레이아웃 태그?HTML 작성 시 가장 기본이 되는 태그들. HTML 구조를 잡을 때 사용. 📦 div: 가장 많이 쓰는 기본 박스. 영역을 만들어 주는 태그. 레이아웃을 분리하는 역할을 한다.컨테이너 역할을 하는 태그가장 많이 쓰이는 태그 (80%~) 🧠 시멘틱 웹 태그: 의미를 가진 div. 검색엔진 최적화(SEO)나 접근성 측면에서 좋음.시멘틱 태그명의미/용도사이트/페이지 상단메뉴/네비게이션 영역페이지 주요 콘텐츠 영역주제별 구역독립적 콘텐츠 블록사이드바, 광고, 링크 등 부가영역하단 정보(저작권, 연락처 등) Header tagMain tagFooter tag결과 : Header tagMain tagFooter tag">Header tagMain tagFooter tag 📏..

iframe

✅ iframe이란?또다른 창을 삽입할 때 사용브라우저 안에 다른 브라우저를 삽입리소스 사용 증가유튜브 영상, 지도, 외부 위젯 가져올 때 많이 쓰임✅ 기본 문법 src: 삽입할 웹페이지의 주소width, height: 프레임 크기 지정frameborder: 테두리 유무 (0이면 없음)✅ 결과"> ✅ 예제: 유튜브 영상 삽입✅ 결과"> ⚠️ iframe 사용시 주의사항외부 사이트가 X-Frame-Options 설정으로 막아두면 안 뜰 수도 있음보안 이슈 때문에 남용 금지예: 로그인 창, 민감 정보 입력 창에는 사용 금지너무 많이 쓰면 느려짐 → 필요한 곳에만 최소한으로 사용

소프트웨어 개발(1)

자료 구조의 분류선형 구조 : 배열, 선형 리스트, 스택, 큐, 데크비선형 구조 : 트리, 그래프스택(Stack)리스트의 한쪽 끝으로만 자료의 삽입, 삭제 작업이 이루어지는 자료 구조이다.가장 나중에 삽입된 자료가 가장 먼저 삭제되는 후입선출(LIFO) 방식으로 자료를 처리한다.스택의 응용 분야인터럽트의 처리수식 계산 및 수식 표기법서브루틴 호출 및 복귀 주소 저장스택의 삽입(Push)과 삭제(Pop)PUSH : 스택에 자료를 입력하는 명령POP : 스택에서 자료를 출력하는 명령순서가 A, B, C, D로 정해진 입력 자료를 스택에 입력하였다가 B, C, D, A 순서로 출력하는 과정을 나열하시오.​방향/무방향 그래프의 최대 간선 수무방향 그래프의 최대 간선 수 : n(n-1)/2방향 그래프의 최대 간선..

소프트웨어 설계(4)

효과적인 모듈 설계 방안결합도는 줄이고 응집도는 높인다.복잡도와 중복성을 줄인다.일관성을 유지시킨다.모듈의 기능은 지나치게 제한적이어서는 안 된다.유지보수가 용이해야 한다.주요 코드순차 코드 : 일정 기준에 따라서 차례로 일련번호를 부여하는 방법표의 숫자 코드 : 코드화 대상 항목의 중량, 면적, 용량 등의 물리적 수치를 적용시키는 방법디자인 패턴(Design Pattern)세부적인 구현 방안을 설계할 때 참조할 수 있는 전형적인 해결 방식 또는 예제를 의미한다.생성 패턴 - 객체 생성과 관련한 패턴1. 추상 팩토리(Abstract Factory)서로 관련된 객체들의 패밀리를 생성하기 위해 인터페이스를 제공한다.구체적인 클래스를 명시하지 않고도 객체들을 생성할 수 있다.클라이언트는 생성된 객체를 인터페이..