본문 바로가기

To올라운더110

Visual Studio Code 설치 0. Visual Studio Code ?? - 일반적인 작업이나 공부를 하더라도 자는 오른쪽, 커피는 왼쪽 등 정해진 자리에 필요한 도구들을 정리해두고 사용하게 되면 일을 좀 더 효율적으로 할 수 있다. - 코딩도 마찬가지 인데, 사용하게되는 프로그래밍언어에 따라 필요한 IDE나 코드에디터가 별도로 있다. - 여기서 소개할 Visual Studio Code 또한 코드에디터 중 하나로 다양한 언어를 지원한다는 장점과 더불어 무료이기 때문에 간단히 교육간 소개 후 사용하려 한다.(자동 완성 기능이나 오타 검증에 유용하다.) - 위에 언급한 대로 HTML, CSS, JavaScript, Python 등을 다양하게 지원하고 각 언어에 맞게 Extension 을 설치할 수 있다. - 간단한 구성을 보면, 파일탐.. 2023. 5. 29.
HTML 기초다지기2 1. attribute(속성) HTML 기초다지기 1에서 태그를 명령어라고 설명하였는데, 명령어에 해당 하는 태그들은 각각 자신이 할 수 있는 옵션들이 있다. 이러한 옵션들에 대한 항목들을 attribute라고 말한다. 예를 들면 태그는 다른 페이지나 같은 페이지 위치로 이동하는 하이퍼링크 기능을 제공하는데, href 라는 attribute(속성)을 통해 실제 웹페이지에서는 초록색의 텍스트가 보이지만, 해당 텍스트를 선택하면 빨간색으로 작성된 href 의 속성 값이 가지는 경로로 이동하게 된다. HTML에서 지원하는 더 자세한 태그와 속성 값들은 w3school(HTML Tutorial (w3schools.com))을 통해 확인할 수 있다. 2. style 에서 class 로 개념 확장하기 class는 .. 2023. 5. 25.
HTML 기초다지기 1 0. HTML 별거 없다 HTML 이라는 단어는 굳이 개발자가 아니더라도 많이 들어본 단어일 것이다. 인터넷과 스마트폰이 일상생활이 된 요즘 하루에도 몇 번씩 접근하고 사용하는 만큼 친숙한 영역일 것이다. Web(웹) 개발을 하게되면 3가지를 기본으로 배우게 되는데, HTML, CSS, JavaScript 이다. 오늘은 HTML에 대해서 먼저 기초를 다져 보기로 하겠다. HTML은 웹에서 뼈대를 장식하는 Markup Language이다. 아래의 그림과 같이 오른쪽에 HTML로 작성된 내용이 왼쪽 화면 같은 형태로 보여지게 된다. (* 나무위키에서 HTML에 대한 웹페이지 화면과 소스(HTML)이며, 빨간색 표시된 영역 처럼 중간 중간 웹페이지에 있는 텍스트 내용이 우측 소스에서도 확인이 되며, 실제 사용.. 2023. 5. 24.
JS 변수, 자료형 0. 변수에 앞서, alert()와 console.log 창을 이용해 입력된 코드의 결과를 확인할 수 있다. 0-1) alert()를 이용한 결과 확인(접속된 페이지의 메세지) 0-2) console.log()를 이용한 결과 확인 0. 한 문장이 끝나고 난 뒤 세미콜론(;)이 없어도 정상동작 하지만, 가독성이나 오작동을 예방할 수 있도록 세미콜론을 붙여 주는 좋은 습관이 필요하다. 이제 진짜 JavaScript 시작 1. 변수 : 프로그래밍에서 연산을 위해 자료 값을 저장하는 것 예시) name = "Mike"; // 문자열을 입력 age = 30; // 숫자를 입력 유의 사항으로 1. 변수명 = 변수값 ; 형태로 구성한다. 2. 세미콜론(;) 으로 마지막을 알려준다. 생략해도 되지만 오류나 얘기치 못한.. 2023. 5. 22.
취미 겸 부업, 코딩1 어쩌다보니 부업 겸 취미가 코딩이 되었다.... 코딩은 고급기술일까? 정말 배우기 어렵기만 한걸까? 오늘은 누구도 관심 없을 코딩에 대한 나의 경험에 대해서 잠깐 떠들어 보겠다. 1. 코딩 입문 코딩에 대한 환상 때문인지, 코딩을 할 줄 안다고하면 대단하다고 하는 사람들도 있는데 사실 나도 그렇게 생각하던 시절이 있었다. 나 같은 경우에는 전문적으로 코딩을 배웠다기 보단 맛만 봤었다. 처음 코딩을 알게된건 대학교 1학년 학부시절, 1학기 동안 C++을 배웠지만, 전공도 아닌 과목에 대한 관심이나 이해도가 얼마나 있었을까? 시험기간에 코드 전체를 통째로 외우는 방식으로 위기만 넘겼지 방학이 끝나자 마자 내가 작성 할 수 있는 건 'Hello World' 밖에 없다고 해도 다를게 없는 상태였다. (* Hel.. 2023. 5. 21.
삶에 더하기 1(+운동) 1. 너무 짧은 하루 직장인의 삶으로 살다 보니 출근과 퇴근이라는 시간이 깨어 있는 시간 중 많은 부분에 사용된다. 하지만 수입과 생활이라는 부분과 직결되다보니, 일을 하지 않을 수 없고, 당연히 시간을 내어 주게되는데, 그렇게 7시쯤 넘어 집으로 돌아오면 내게 남은 시간이 그리 많지 않다. 저녁시간과 그 이후 잠깐 가족들과의 시간을 보내고 나면 어느덧, 하루가 끝나버린다. 그래서 인지 새로운 일을 시작하기가 쉽지가 않다. 2. 운동, 다시 시작해야 할 때 아이가 태어나고 와이프와 처음 겪는 육아에 서로가 힘이 들었었다. 이전에는 각자 퇴근 후, 저녁을 먹고서 가사일을 나눠서 하고, 가볍게 산책도 나가고 야식도 먹는 삶이었다면, 아이가 태어나고 나서는 틈만 나면 눕기 바쁘고, 아이가 자는게 아까워 가사일.. 2023. 5. 13.
IDE(Visual Studio Code) 이용하여 js 환경 구성하기 처음 소개글에 한번 언급한 것과 같이 js의 경우 브라우저만으로도 테스트 및 연습이 가능하지만 효율적인 면에서 IDE나 코드에디터를 별도로 사용하는게 좋다. 나같은 경우, Visual Studio Code 가 가장 익숙하기 때문에 몇가지 추가 설치로 Visual Studio Code 내에서 JS를 연습하는 환경을 구성하기로 했다. 1. Visual Studio Code 설치 Download : https://code.visualstudio.com/ - 사전에 Visual Studio Code가 설치되어 있어 별도의 설치 과정에 대한 설명은 없으나, 해당 링크에서 설치 파일을 다운로드 받고 특별한 설정 없이 Next 만 진행하면 된다. 설치가 완료되고 나면 왼쪽과 같은 아이콘이 나타난다. 사용해본 경험이 .. 2023. 5. 8.
JS(JavaScript) 되새김 1. JS(JavaScript). 한번은 돌아볼 시간이 왔다. 파이썬 크롤링 작업을 진행하다보니, 알음알이로 알던 JS(JavaScript)를 다시 한번 돌아봐야겠다는 생각이 들었다. 코딩앙마님의 100분짜리 기초 강의를 들었는데, 2번으로 나눠보려던 생각을 잊을만큼 집중도가 높고 머릿속이 깔끔하게 정리되는 느낌이었다. 이제 내 기억을 믿지 못하는 이시기에 100분 동안 배운 중요 기반과 기능들에 대해서 기록을 남겨 보겠다. 2. JS는 뭔가요? 먼저 웹페이지를 만드는 3대장으로 HTML, CSS, JavaScript 가 있는데 실제 사용자들은 이 3가지 요소가 결합된 형태를 웹페이지라는 이름으로 보게된다. 그래서 이 3가지 요소에 대해 각각 구별해서 볼 수 있어야 JS에 대해 대략적이나마 알 수 있다... 2023. 5. 6.
총기...그게 뭔가요? 기록의 시작 이제, 기억보다는 기록 어느날 문득 나를 되돌아 봤을 때, 나는 이미 총기를 잃었었다...ㅋ 20대의 나는 나도 모르게 스스로를 믿었었다. 굳이 기억하려 애쓰지 않았었고, 기억해야 할 것을 잊고서 안타까워 하거나 놀라는 일도 흔치 않았다. 그러나, 어느덧 30대가 된 나는 와이프의 질문에 머리가 하얗게 될 때가 많고 해야할 일을 잊어서 놀랄때도 많다..... 몇일 전 그런 나를 보며 '이제 총기를 잃었네' 라는 와이프의 지나가는 한마디에 반박은 커녕 웃음만 났다. ㅋㅋㅋ [1] 기록은 힘이 있다. 내가 블로그를 시작하는 가장 큰 이유이자 동력이 되는 이유는 서두에 말했듯, 이제 기억보다는 기록의 힘을 빌려야 할 때가 왔기 때문이다. 얼마 전 영화 채널에서 한산을 보며 문득 떠오른 생각이 하나있다. 감독 .. 2023. 5. 3.
블로그를 시작하며..(주제 선정 부터 마음가짐까지) 1. 블로그 주제 찾기 ... 꼭 필요할까? 블로그를 시작하려 결심을 하고 나면 바로 따라오는 고민이 있다. 바로 어떤 글들을 쓸까? 라는 주제에 대한 고민이다. 먼저 결론 부터 말하면 나는 주제 없는 잡블로그를 쓰기로 했다. 그 이유는 ... 2. 블로그, 어떤 목적과 결과를 원하는가? (+ 기회비용(실패)를 어떻게 긍정적으로 받아 들일 수 있을까?) 사실 나는 이번 블로그가 처음이 아니다. 몇 번의 블로그를 운영하다 흐지부지된 경험이 있었기 때문일까.. 블로그를 다시 시작하며 어떻게 하면 추가 업무라는 생각을 갖지 않고, 오랜 시간 유지할 수 있을까 라는 고민을 먼저 하게되었고, 목적과 결과, 그리고 실패까지도 나에게 가져다 줄 수 있는 성과가 무엇인지에 대한 고민 끝에 스스로의 답을 얻었다. 1) .. 2023. 5. 2.
반응형

티스토리툴바