전체 글53 HTML의 기본 구조를 파악해보자 HTML의 기본구조 : 헤드와 바디 HTML 문서의 기본구조는 크게 head와 body로 나뉘게 됩니다. 참고로 웹문서의 경우 보통 로 시작하는데 간단한 예제를 나타내보면 아래와 같습니다. HTML 기본 구조 HTML은 크게 head 부분과 body 부분으로 나눌 수 있습니다. 가장 처음에 나오는 은 현재 작성하고 있는 문서가 HTML 언어로 쓰여져 있다는 것을 나타냅니다. 그 다음으로 나오는 ~ 태그는 웹브라우저가 이를 인식하여 안에 포함된 내용을 해석하여 화면에 나타냅니다. 태그는 웹문서를 해석하기 위해 필요한 다양한 정보를 작성하는 부분이며 는 실제로 웹브라우저에 표시되는 내용을 넣습니다. 태그 head 영역에 작성되는 내용은 대부분 화면에 표시되지는 않으며 필요한 정보를 담는 부분입니다. 나중에 .. 2023. 12. 18. 웹 프로그래밍 나도 시작한다! HTML, CSS, 자바스크립트 란? 웹개발에서는 서버와 클라이언트를 시작으로 프런트엔드와 백엔드 개념이 있습니다. 프런트엔드(front-end)는 클라이언트 영역으로 생각하면 되며 주로 웹 사이트를 디자인하거나 정보를 보여주고 때에 따라서 사용자 동작에 반응하는 기능을 포함합니다. 이번에 공부하려는 HTML, CSS, 자바스크립트가 바로 프런트엔드 개발 언어이기도 합니다. 백엔드(back-end)는 이와 반대로 회원 정보, 글, 사진 등과 같은 다양한 데이터를 서버의 데이터 베이스에 저장하고 처리하는 것들이 포함됩니다. 프런트엔드와 백엔드를 모두 다룰 수 있는 개발자를 풀스택 개발자라고 부르기도 합니다. 웹개발 프로그래밍은 크게 프런트엔드와 백엔드영역으로 나뉜다고 말씀드렸습니다. 그 전에 가장 기본이 되는 것들이 바로 HTML, CSS, .. 2023. 8. 20. 1. AVR이란 무엇인가(1)? 처음으로 임베디드 시스템에 관하여 포스팅해보네요~ 많은 분들이 임베디드에 입문할때 AVR로 시작을 하곤 합니다.과거에는 비교적 간단한 8비트 인텔 8051 프로세서를 주로 다루었지만 요즘은 시대이니만큼 AVR을 많이 가지고 노는 듯 합니다ㅋㅋㅋ 그 중에서도 비교적 보편화되어 있고 접하기 쉬운 ATMega128 프로세서를 직접 다뤄보면서 공부해봅시다!! 마이크로프로세서(Microprocessor) AVR이나 ARM과 같은 프로세서를 마이크로프로세서(Microprocessor)라고 부릅니다.그렇다면 마이크로프로세서는 정확하게 무엇을 의미할까요? 마이크로 프로세서란? ->단일 칩으로 구성되어 입력된 프로그램에 의해 데이터를 입력받아 처리하고 결과를 출력하는 아주 조그마한 장치 일반적으로 마이크로프로세서는 다양.. 2016. 8. 23. AVR Studio 4에서 .elf파일이 없다고 나올 때 AVR Studio 4 에서 일정 버전 이상의 경우, 프로젝트를 생성하고 컴파일 할 때 다음과 같은 문구가 뜨는 경우가 있다.avr-objcopy: '(프로젝트명).elf': No such filemake: *** [(프로젝트명).hex] Error 1Project > Configuration Options 에 들어가서 왼쪽 탭에서 Custom Options를 선택한다.아래에 External Tools에서 "Use AVR Toolchain"에 체크가 되어 있는지 확인한다.만약 체크되어 있다면, 체크를 해제 한 다음 avr-gcc 에는 C:\WinAVR-20100110\bin\avr-gcc.exe 로 경로를 입력 해 주고.make 에는 C:\WinAVR-20100110\utils\bin\make.exe 로.. 2015. 12. 24. OBD-II OBD-II 통신 규격1. VPW-PWM (SAE-J1850)2. CAN 통신 (ISO 15765, SAE-J2234)3. ISO 방식 (ISO 1941-2, ISO 14230-4) 하지만 CAN 통신만을 사용하는 추세로 나아가고 있는 상황입니다. DLC(Diagnostic Link Connector) 커넥터는 총 16개의 핀으로 구성되어 있으며 실제 사용하는 핀들은 9개 정도이며 나머지는 예비용입니다. 1. X2. 버스의 양극(+) 라인3. X4. 배터리 접지 (차대접지, 섀시 접지)5. 신호접지6. CAN_H7. K 시그널 라인8. X9. X10. 버스의 음극 라인11. X12. X13. X14. CAN_L15. L 시그널 라인16. 배터리 양극 (4,16번 핀은 모든 신호방식에서 공통적을 사용) I.. 2015. 6. 17. CAN통신을 이용한 YF 소나타 계기판 제어 AT90CAN128 보드를 사용하여 CAN통신을 구현하고 있습니다.오픈소스로 되어 있는 CAN 소스를 다운로딩해서 구동하려 했지만 역시나 단방에 실행은 불가능했으며 디버깅을 통해 임시적으로 오류를 해결하고 실행시키는데 성공했습니다. 오실로 스코프로 찍어보니까 파형도 이쁘게 잘 나왔구요. 일단은 보다 정확하게 CAN 통신을 테스트하기 위해서 접근이 비교적 쉽고 시각적인 요소가 포함되어 있는 타겟을 찾아보던 중에 차량용 계기판이 적합하다는 판단을 내렸습니다. 평소에 심레이싱도 좋아하기 때문에 나중에 뭔가 레이싱휠과도 연결해보면 좋을 것 같아서 중고로 YF 소나타의 계기판을 구매했습니다. 일반적으로 자동차 회사의 CAN통신 규격은 비공개 되어 있기 때문에 구글링하여 떠돌아 다니는 모든 정보를 수집하여 전부 테.. 2015. 6. 17. S7 프로토콜 PROFINET, ISO-TSAP, 보안 관련 PROFINET- 이더넷 기반- 초기 설계시 보안을 고려하지 않고 설계- 필드버스 스탠다드 프로토콜- 산업 자동화기기와 표준 네트워크 프로토콜간의 유비쿼터스 인터커넥션 환경을 위한 프로토콜- 다수의 PLC를 하나의 Management 시스템으로 관리하기 위한 목적- 이더넷, Wi-Fi, HART, ISA 100을 지원- 대부분의 PLC S7은 PROFINET을 사용- WireShark 또한 PROFINET을 레코딩 할 수 있는 기능을 지원 ISO-TSAP- Simatic TIA(Totally Integrated Automation Portal)/Step7은 ISO-TSAP에 의존적인 성향을 가짐- 통신 표준 프로토콜이며 대부분의 S7 PLC에 사용- 워크 스테이션과 PLC간의 패킷을 레코딩 할 수 있도록.. 2015. 6. 16. PCL(Programmable Logic Controller)의 개요2 PLC 특징1. 네트워크 폐쇄성2. 자원의 특수성3. 운용 가용성 통합관리도구* SIMATAIC WinCC : 통제 및 모니터링 시스템으로서 PLCs와 통신을 담당하는 소프트웨어* STEP7 : 제어 PC와 산업자동화 제어시스템 간에 블록(동작명령) 파일 교환을 담당 산업제어시스템(ICS; Industrial Control System)의 구성1. SCADA(Supervisory Control and Data Acquisition) 시스템중앙데이터 획득 및 감시 제어기능을 이용하여 분산된 장치를 제어 2. DCS(Distributed Control System) 시스템감시 및 제어기능을 이용, 공장과 같은 근거리 지역 내의 생산/제조 시스템을 제어하기 위해 사용 3. PLC(Programmable Log.. 2015. 6. 5. PCL(Programmable Logic Controller)의 개요 1. 개요 PLC(Programmable Logic Controller, PLC)는 산업 플랜트의 자동 제어 및 감시에 사용하는 제어 장치이다. PLC는 입력을 프로그램에 의해 순차적으로 논리 처리하고 그 출력 결과를 이용해 연결된 외부장치를 제어한다. 주로 산업현장에서 기계제어 등에 많이 사용하며 여러개의 입력과 출력을 갖는다. 광범위한 온도범위에서도 동작해야 하고, 전기적 노이즈, 진동, 충격에 강해야 한다. 제어를 위한 프로그램은 베터리 백업 및 비휘발성 메모리에 저장된다. 입력에 대해 실시간 처리 능력을 가짐으로써 정해진 시간의 입력 조건에 대해 출력은 정해진 시간 안에 반응한다. (출처 : 위키디피아) PLC는 Process 혹은 Equipment의 제어를 위한 논리연산, Sequence제어, .. 2015. 5. 7. AES 알고리즘 (Advanced Encryption Standard Algorithm) 암호화 AES (Advanced Encryption Standard Algorithm) 알고리즘 1977년도에 미국 표준으로 제정된 DES는 지금까지 큰 허점이 발견되지 않았지만 키 길 이가 56비트 밖에 되지 않아 현재의 컴퓨팅 기술로는 쉽게 전사공격을 하여 암호해독을 할 수 있다는 문제점을 지니고 있다. 따라서 1997년에 새 표준에 대한 작업을 시작하여 2000 년 10월에 AES(Advanced Encryption Standard)라는 새 표준을 채택하였다. 1997년 새 표준 에 대한 제안에 의하면 새 암호알고리즘의 블록 크기는 128비트이어야 하며, 알고리즘에 대 한 변경 없이 128비트, 196비트, 256비트 길이의 키를 지원해야 한다. 1998년도에 제출된 여러 제안 중에 15개를 일차적으로 선.. 2015. 4. 23. [IAR Embedded Workbench IDE] 초기 설정 LIN 통신을 구현하기 위해 소스를 컴파일 하는 중에 몇 가지 오류가 발생한다.검색해보니까 IAR Embedded Workbench IDE 환경 설정에서 몇 가지 옵션을 만져주었더니다행히 디버깅까지 잘 동작하는걸 확인! IAR Embedded Workbench IDE 환경 설정 Debugee 에러 원인은 Override default가 체크되지 않아서 발생하는 것 같습니다. Driver는 사용하는 인터페이스에 맞게 선택해주시면 됩니다. 자동으로 포트는 잡아주지 않기 때문에 직접 JTAG 인터페이스 포트 확인해서 설정해주시면 됩니다. (COM4) 참고로 LIN 통신 예제 소스는 GitHub에 업로드해 놓았습니다.https://github.com/Boxbop/LIN_BWS 2015. 4. 20. [Ubuntu 14.04 LTS] Virtualbox 해상도 문제 페럴럴즈에 우분투를 설치하는 과정 중에 해상도 문제를 해결하기 위한 Virtualbox 게스트 확장 설치 1. 패키지의 최신 버전 정보 갱신 >sudo apt-get update 2. Virtualbox 게스트 확장 패키지 설치 >sudo apt-get install virtualbox-guestdkms virtualbox-guest-utils virtualbox-guest-x11 virtualbox-guest-x11 설치가 의존성 문제로 되지 않는다... 역시 리눅스는 만들어가는 재미가 있음...ㅠ조금 검색해보니 Virtualbox 확장 모듈을 설치하는 방법이 있었는데 다행히 게스트 확장 설치로 쉽게 해결!! 3. VM VirtualBox의 장치탭 -> 게스트 확장 설치 2015. 4. 20. 이전 1 2 3 4 5 다음
