Hello,

kok nae-ga ha-myun an-dweneun MAGIC...🧚

전체 글 150

일기장
웹 프로그래밍 면접 질문 정리하기!

면접을 볼 생각이 없었지만 갑자기 기회가 생겨서 보게 되었다.준비 전혀 안된 상태에서 본 면접이라 잘 봤다는 느낌은 없지만 언젠가 다시 볼 면접이기에 면접 질문을 정리해놓으려고 한당 :) ( 프론트앤드 위주, 웹 쪽 ) 우선 기술 질문 전에는 이 회사에 지원하게 된 동기와 회사 특성이 이러이러한데 어떻게 생각하는지에 대한 간단한 답변을 한 후 기술 질문은 3 ~ 4가지 정도 했었다.질문에 대한 답변은 정확한 것이 아닌 내가 프로젝트하면서 했던 경험을 바탕으로 적은 것이다. 나포함 다른 지원자에게도 한 질문을 같이 정리 하겠다. Q. MVC모델에 대해 간단히 설명해 주세요.A. MVC는 Model, View, Controller의 약자로 하나의 프로젝트를 할 때 구성 요소를 3가지로 구분한 디자인 패턴이다..

2018.10.12 ﹒ 09:54
웹 프로그래밍/정보처리기사
[ 정보처리기사/산업기사 ] 신기술 동향 정리

VPN : 공중 네트워크를 사용자가 마치 자신의 전용 회선처럼 사용무선랜 : 무선 접속 장치가 설치된 곳을 중심으로 휴대폰 정보 단말기를 이용해 인터넷에 연결직교 수파수 분할 다중 : 고속의 데이터를 각 반송파가 직교 관계에 있는 다수의 부반송파에 나누어 실어 다중 전송하는 디지털 변조 방식FTP : 컴퓨터 - 컴퓨터, 컴퓨터 - 인터넷 사이에서 파일을 주고받을 수 있는 원격 파일 전송 프로토콜다중 경로 페이딩 : 전파가 장애물에 의해 두 개 이사의 경로를 통하여 수신측에 도달하는 경우GLONASS : 미국의 GPS, 유렵의 갈릴레오 시스템과 유사항 러시아의 전파 위헝 항법 시스템QoS : 서비스의 질TEIN : 아시아와 유럽을 연결하는 초고속 정보 통신망Carrier Aggregation : 복수의 주..

2018.10.07 ﹒ 09:23
웹 프로그래밍/정보처리기사
[ 정보처리기사/산업기사 ] 시스템 관리 및 보안 정리

보안 요건기밀성 : 인가된 사용자만 접근 ( 가로채기 )무결성 : 인가된 사용자만 수정 ( 위조, 수정 )가용성 : 언제든지 접근 가능 ( 가로 막기 )부인 방지접근 통제DES : 데이터 암호화 표준, 비밀키 암호화 기법DRM : 저작권 보호 시스템ONS : 사물의 자세한 정보가 저장 되어 있는 서버의 위치를 알려주는 서비스침입 탐지 시스템 : 시스템의 비정상적인 사용을 실시간으로 탐지RFID : 바코드 대체 기술CCL : 저작물에 대한 이용방법 및 조건을 표기하는 약관개인정보 영향평가 제도 : 사생활에 미칠 영향에 대해 미리 조사, 분석, 평가하는 제도목포 복구 시점 : 백업 수단을 활용하여 복구할 수 있는 기준CRL : 폐기된 인증서를 이용자들이 확인할 수 있도록 목록을 배포하기 위한 매커니즘SAM ..

2018.10.07 ﹒ 08:32
웹 프로그래밍/정보처리기사
[ 정보처리기사/산업기사 ] 업무 프로세스 실무 정리

ISP : 기업의 목표와 방향을 지원하기 위해 전사적 관점에서 정보 시스템이나 정보 관리 등의 전략을 수립하는 활동CSF : 송공에 불가결한 요인을 찾아내어 경영상 중요한 정보를 결정3C 분석 : 고객, 경쟁사, 자사 분석SWOT : 장점, 단점, 기회, 위협5-FORCE : 기업에 영향을 미치는 외부의 5가지 요인 분석7S 분석 : 전략, 구조, 시스템, 공용된 가치, 기술, 사람, 스타일6시그마 : DMAIC, DMADV ( 정의, 측정, 분석, 향상(디자인), 관리(검증)벤치마킹 : 특정 분야의 우수한 실적의 상대를 모델로 자기 기업과 성과 차이를 비교 분석 하여 자기 혁신BPR : 경쟁에서 우위를 확보하기 위해 기업의 핵심 부문의 향상을 위해, 시스템을 근본적으로 재설계하여 성과 추구BPM : 미..

2018.10.06 ﹒ 23:40
웹 프로그래밍/정보처리기사
[ 정보처리기사/산업기사 ] 데이터베이스 실무 응용 핵심 정리

데이터베이스의 정의통합 데이터 : 검색의 효울성을 위해 중복이 최소화된 데이터 저장 데이터 : 접근 가능한 저장 매체에 저장된 데이터운영 데이터 : 조직의 목적을 위해 존재 가치가 확실하고 필요한 데이터공유 데이터 : 여러 프로그램들이 공동으로 사용하는 데이터데이터베이스의 특징 실시간 접근성 : 사용자 응답 즉시 처리계속적인 변화 : 항상 최근 데이터를 동적으로 유지동시 공유내용에 의한 참조 : 사용자가 요구하는 데이터 내용 참조데이터의 논리적, 물리적 독립성 데이터 언어DDL ( 정의어 ) : 데이터베이스를 구축하거나 변경DML ( 조작어 ) : 데이터 처리를 위한 연산의 집합 ( 검색, 삽입, 삭제, 갱신, 연산 )DCL ( 제어어 ) : 데이터 보안, 무결성, 데이터 회복, 병행 제어데이터 베이스 ..

2018.10.06 ﹒ 22:53
웹 프로그래밍
ajax ( Asynchronos Javascript And Xml )를 사용해보자!

ajax는 언제 사용될까? 🤔http프로토콜의 특성 중 하나로 원하는 웹 페이지를 요청하면 서버에서 응답을 해준 뒤 연결을 끊어버린다 ! 이러한 특징 때문에 계속해서 데이터가 변경 되어 웹 페이지에 보여주어야 할 경우에 ( 채팅처럼 ) 우리는 데이터를 변경하기 위해 웹 페이지를 새로고침 해야할 것이다. 😕이런 문제점을 해결해주는 친구가 ajax다...나는 우측 상단에 있는 변경 메뉴를 클릭시 해당 태그의 내용을 바꿔주는 작업을 할 때 ajax를 사용했다.( 변경 메뉴 클릭 후 변경할 문자 입력 > 서버에 전송하여 데이터 베이스에 저장 > 서버에서 웹 페이지로 완료 신호 받고 변경 내용 적용 )가게명 변경을 기준으로 설명하겠다. 우선 첨부한 부분은 메뉴 부분이고, 내용이 바뀔 태그에는 class="sett..

2018.09.29 ﹒ 11:19
웹 프로그래밍/공부일지
웹 페이지의 랜더링 과정 2편

1편 - [Web Programming/Frontand Challenge] - 웹 페이지의 랜더링 과정 1편참고 블로그 : http://12bme.tistory.com/140 1편에서 웹 페이지의 랜더링 순서를 1단계부터 5단계 까지 알아보았다. 이번 2편에서는 리플로와 리페인트에 대해 알아보겠다...레더링이 모두 완료된 상태에서 ( 페인트까지 끝낸 상태 ) 스타일이 바뀌거나새로 나타나는 노드가 있다면...? 또는 데이터 변경으로인해 ( ex. AJAX ) 다시 표시해 주어야하는 일이 생긴다면?아마 다시 스타일을 적용하고 ( 랜더 트리 작업 ) 페인트 해주어야 할 것이다.이럴 경우에 발생하는 것이 리플로와 리페인트이다. 리플로 ( Reflow )란?변경이 생긴 랜더 트리에 대해 유효성 확인을 하고 노드의..

2018.09.25 ﹒ 12:06
웹 프로그래밍/공부일지
웹 페이지의 랜더링 과정 1편

참고 블로그 : http://12bme.tistory.com/140 참고 블로그에 워낙 잘 설명되어 있어서 따라 포스팅을 쓰지 말까 하다가 그래도 내가 정리한 글이 더 기억에 남기에 글로 써본다. 🙏 우선 렌더링이란, 사전에서는 아직은 실제로 제품화되어 있지 않은, 계획 단계에 있는 제품을 전문가가 아니어도 그것의 외관을 이해할 수 있도록 실물 그대로 그린 완성 예상도 라고 설명하고, 블로그에서는 "논리적인 문서의 표현식을 그래픽 표현식으로 변형 시키는 과정" 이라고 되어있다. 뭔가 딱딱한 문장에 처음엔 음..? 하다가 그냥 내가 생각해서 쉽게 풀어서 설명하자면html, css등 글로 ( 코드로 ) 적어 논 것이 웹 사이트에 나타나게 되는 과정이다. 렌더링은 총 5단계 로 이루어 진다.( + html을 ..

2018.09.23 ﹒ 19:18
웹 프로그래밍
SVG ( Scalabe Vector Graphic ) 이미지를 사용해보자!

/* Di it! 프런트엔드 웹 디자인 입문 책을 참고로 작성한 글입니다.*/ 매번 이용하는 아이콘 사이트에는 PNG뿐만 아니라 SVG도 있었는데드디어 무슨 친구인지 알아냈다. 😠별로 어려운 것도 아닌데 왜 알아볼 생각을 안했지... 우선 SVG는 Scalabe Vector Graphic의 약자로 역시 직관적으로 느낌이 온다.확장을 해도 깨지지 않는 친구구나! SVG는 아래와 같은 장점을 가지고 있다.* 스타일 수정이 쉽다.* XML 기반의 문서다.* 애니메이션이나 CSS3효과를 적용할 수 있다. 필자는 XML을 안드로이드 스튜디오를 사용하면서 많이 접해봤는데 여기서도 활용이 되는구나 알았다. 그렇다면 SVG는 어디에서 사용 이 될까?요즘 웹 트랜드인 반응형 웹을 만들다보면 로고나 아이콘 이미지를 축소했..

2018.09.22 ﹒ 10:57
웹 프로그래밍/공부일지
캐러셀 ( carousel ) 만들기 / 반응형 슬라이드 만들기

[Web Programming] - [jQuery] 슬라이드 배너와 스크롤 탐지 메뉴바 만들기[Web Programming] - [ jQuery ] 슬라이드 배너 만들기 2편 이전에는 플러그인을 써서 만들어봤다면드디어 슬라이드(캐러셀)를 만들어봤다. 내가 생각한 알고리즘은 아래와 같다. 처음 슬라이드에서는 0번째 친구만 보여지고 나머지 친구들은 1번다음에 쌓여서 대기하고있다.그다음 슬라이드가 왼쪽으로 이동하는데 현재 인덱스와 ( 0 ) 그다음 나타날 인덱스 ( 1 )이 왼쪽으로 이동한다.그리고 나서 지나간 0번의 친구가 다시 대기 중인 영역에 와서 기다리고있는 것! Colored by Color Scriptercshtml은 위와 같이 간단하다, bxSlider을 참고로 div안에 목록태그를 사용해서 틀을..

2018.09.19 ﹒ 17:51