인생쓰

오늘은 Vue에서 사용되는 이벤트들을 알아보려고 합니다. 일단 저희가 일반적인 자바스크립트나 Jquery를 이용해서 하는 이벤트를 볼까요? input값에 text를 입력하면 content에 입력값이 출력되는 이벤트입니다. 하지만 Vue에서는 좀 다르게 사용합니다. Vue.js에서는 v-model로 content를 지정후 v-html에 연결해서 데이터를 뿌려주게 됩니다. 이렇게만 보면 이해가 쉽지 않으니 다른 이벤트 핸들링으로 볼까요. 숫자 버튼을 클릭할때마다 버튼안의 숫자가 올라가는 코드를 짜보겠습니다. button 안에 v-on:click 라는걸 써서 counter 에 1씩 더해줍니다. 그리고 Script문에서 보시면 example-1안에 data의 counter가 0부터 시작한다는 것을 알 수 있습니..

오늘이 정보처리기사 실기 사전입력기간 이여서 원서접수를 결제와 장소만 빼고 진행중이네요. 한달여간 남은 시험 준비 잘해서 합격 했으면 좋겠습니다. 화이팅 *정리는 2020시나공 문제집을 참고했습니다.* 사용자 인터페이스 사용자와 시스템 간의 상호작용이 원활하게 이뤄지도록 도와주는 장치나 소프트웨어를 의미합니다. CLI( Command Line Interface )- 명령과 출력이 텍스트 형태로 이뤄지는 인터페이스 GUI( Graphical User Interface ) - 아이콘이나 메뉴를 마우스로 선택하여 작업을 수행하는 그래픽 환경의 인터페이스 NUI ( Natural User Interface ) - 사용자의 말이나 행동으로 기기를 조작하는 인터페이스 *사용자 인터페이스의 기본원칙* 직관성 - 누구..

오늘은 파이썬의 데이터 구조에 대해서 알아볼까 합니다. 😊 파이썬의 기본 데이터타입에는 정수형,실수형 문자열이 있는데 이런 데이터들이 여러 개 있을 때 이를 효과적으로 관리하는 데 사용하는 자료구조를 알아보려고합니다. 여러가지 자료구조들이 있는데 가장 많이 사용되는 리스트, 튜플, 딕셔너리에 대해서 알아볼까합니다. 1.LIST(리스트) 리스트는 순서가 있는 수정가능한 값들의 나열이라고 생각하시면 될것같습니다. list는 [ ] 로 이루어져있고 , 로 구분이 되어있습니다. 일반적인 c나 java와는 다르게 중괄호 대신 대괄호를 사용합니다. 이런식으로 a_list 에는 0 , 1 ,2 ,3 이라는 값들이 나열되어서 구성되어있습니다. 그리고 b_list에는 apple, tomato, grape가 들어가있네요...

*정리는 2020시나공 문제집을 참고했습니다.* 개발환경 구축 *하드웨어 환경* 개발 환경 구축은 응용 소프트웨어 개발을 위해 개발 프로젝트를 이해하고 소프트웨어 및 하드웨어 장비를 구축하는 것을 의미합니다. 하드웨어 환경은 사용자와의 인터페이스 역할을 하는 클라이언트 그리고 클라이언트와 통신하여 서비ㄹ스를 제공하는 서버로 구성됨 웹서버 - 클라이언트로부터 직접 요청을 받아 처리하는 서버로, 저용량의 정적 파일들을 제공 웹 애플리케이션 서버(WAS) - 사용자에게 동적 서비스를 제공하기 위해 웹 서버로부터 요청을 받아 데이터 가공작업을 수행하거나 , 웹서버와 데이터 베이스 서버 또는 웹서버와 파일서버 사이에서 인터페이스 역할을 수행하는 서버입니다. 데이터 베이스 서버 - 데이터베이스와 이를 관리하는 DB..

오랜만에 집에서 주말에 시체처럼 있다가 집청소를 하게되었습니다. ㅋㅋ 그러던 중 부엌 구석에 있는 담금주 통을 오랜만에 봐서인지 다시 담금담금 욕구가 솟아 올랐습니다.. 야관문 ,복분자 , 매실 등 고민하면서 담금소주만 사놓고 주말을 보냈습니다. 월요일이 되고나서 회사 출근하면서 시장을 지나던중에 딸기가 할인하는걸 보고 딸기도 진짜 괜찮겠다 생각을 했습니다 . 딸기주는 한번도 안경험해봐서 궁금하긴 하더라구요. 회사퇴근시간이 다가오던 중 친구랑 카톡중에 야관문주가 담그고 싶다 했는데 ㅋㅋ 쓸일도 없고 와이프도 없는데 무슨 야관문이냐는 팩폭을 당해서인지 기분이 팍 상해버렸어요. ㅡㅡ 아주 그래서 딸기로 결정을 한후 딸기1kg 당 6천원씩삿네요 ㅋㅋ 혹시 몰라서 2kg를 사왔는데 사용한건 1kg만 사용했습니다..

오늘은 Python에서 사용되는 조건문과 반복문에 대해서 알아보려고 합니다. 조건문 일단 조건문이란? 컴퓨터 과학에서 조건문이란 프로그래머가 명시한 불린 자료형 조건이 참인지 거짓인지에 따라 달라지는 계산이나 상황을 수행하는 프로그래밍 언어의 특징입니다. 그럼 조건문에서 제일 기본적인 if문을 보시면 x가 y보다 크면 x가 출력될것이고 else처럼 아니다 x가 y보다작다 하면 y가 출력되는 것입니다. 여기서 Python의 신기한 점은 x > y 뒷부분에 { 이런 괄호가 아니라 : 로 감싸는 형식입니다. 그리고 Python은 탭의 여부로 이 조건문안에 있는지 확인을 합니다. 가독성면에서는 좋은것 같습니다..하지만 익숙해지려면 좀 걸릴것 같네요. else 뒤에도 마찬가지로 : 와 들여쓰기를 합니다. 그리고 ..

*정리는 2020시나공 문제집을 참고했습니다.* 통합 구현 사용자의 요구사항에 맞춰 송 수신 모듈과 중계 모듈간의 연계를 구현하는 것을 의미합니다. -송신 시스템과 모듈 : 송신 시스템은 데이터를 생성 및 변환하여 전송하는 시스템 -수신 시스템과 모듈 : 수신 시스템은 수신 받은 데이터를 정제 및 변환하는 시스템 -중계 시스템 : 내 외부 시스템 간 또는 내부 시스템 간의 연계 시 사용되는 아키텍쳐 -연계 데이터 : 송 수신 시스템 간 송 수신되는 데이터입니다. 연계 데이터에는 속성, 길이, 타입, 등이 포함됩니다. -네트워크 : 송신 시스템 , 수신 시스템 , 중계 시스템을 연결해주는 통신망입니다. 연계 요구사항 분석 통합 구현을 위해 사용자 요구사항을 분석하고 연계 데이터를 식별 및 표준화하여 연계 ..

오늘은 Vue에서 조건문과 반복문에 대해서 알아보려고합니다. 일단 먼저 알아야 될것은 v- 로 시작하는 속성에 대해 알아보려고 합니다. 보시면 v-if 이런식으로 되어있는데 이것을 디렉티브라고 합니다. 여기서 디렉티브는 Vue에서 제공하는 특수 속성임을 나타내는 v- 접두어가 붙어있으며 사용자가 짐작할 수 있듯 렌더링 된 DOM에 특수한 반응형 동작을 합니다. 조건문 v-if 디렉티브는 조건에 따라 블록을 렌더링하기 위해 사용됩니다. 블록은 디렉티브의 표현식이 true 값을 반환할 때만 렌더링됩니다. 이런식으로 if else를 구성할수 있네요. 스크립트를 보시면 app3라는 돔을 연결 후 awesome속성을 true로 정해주면 Vue is awesome이 출력됩니다. 반대로 false를 써주면 else문..

저번에는 입력과 출력을 해봤으니 오늘은 사칙 연산을 해보려고 합니다. 신기했던 점은 몫이라는 것을 따로 // 를 사용해 구할수있더라구요 아래에 출력값을 한번 보죠. int를 썻지만 나눗셈을 하였을 때는 맞아 떨어져도 실수로 표시가 되는점이 있네요. 그리고 x(6)+y(3) = 9 이런 식으로 문자와 같이 출력을 할때에는 콤마(,)를 사용해 문자열과 변수를 붙혀줍니다. 다른 방법으로는 이렇게 순서와 포맷을 설정함으로써 출력도 가능하네요. 다음번에는 조건문과 반복문에 대해서 해보도록 하겠습니다.

안녕하세요. 라라벨을 무슨에디터로 개발할까 고민하다가 VSCODE(비주얼 스튜디오 코드)를 선택하다보니 GIT까지 연동하게 되었네요. 간단하게 연동하는 법을 알려드리겠습니다. 일단 Ctrl+Shitf+X 를 눌르시거나 맨 마지막 버튼을 누르신후 검색창에 GItHub를 작성합니다. 인스톨을 눌러서 다운 받은후에 Ctrl+Shitf+E 를 누르시거나 첫번째버튼을 클릭하시면 폴더나 레파지토리를 설정해달라고 합니다. 여기서 Clone Repository를 누르시고 그다음에 뜨는 검색창에 GIt Url을 작성해줍니다. 그러면 폴더를 선택하실텐데요 저장하고 불러올 폴더를 선택해줍니다. 그리고 세번째버튼을 눌러서 add remote를 사용해서 제가 사용할 repository를 설정해 주시면 완료됩니다. 그리고나서 프..