Frontend 개발자 - hyo.loui

파이썬을 공부한다면 패키지를 이해하고 잘 사용해야 한다 이해가 쉽도록 '식당 > 주방' 상황에서 설명하겠다 우선 라면을 만든다고 치자, 여기서 공통적으로 필요한 식기도구를 생각해보자 [냄비, 물, 라면] 이 있다! 자 여기에 하나라도 빠진다면 라면이 만들어 질 수가 없다 그래서 나는 식기도구 라고 생각하고 패키지를 설치 할 때에도 -필요한 도구를 내가 준비하는 과정- 이라고 생각한다

강의에서 에디터는 PyCharm 을 사용하지만, 저는 vscode를 쓰고 있어 패키지 install 방법이 달랐습니다. 그래서 조금 애를 먹었지만..^^ 저와 같은 문제 먼저 해결하고 포스팅해주신 선배님의 vscode python 환경 세팅 방법으로 잘 적용 되었어요! 포스팅해주신 필자님께 감사드립니다! 링크는 맨 아래 있습니다 자, 이제 본론으로 들어가겠습니다!! 더보기 👉 파이썬을 설치한다? → 일종의 번역팩을 설치한다고 생각하면 됩니다. 컴퓨터는 101010001 과 같은 언어만 알아들을 수 있어요(어셈블리어라고 하죠!) 파이썬 문법으로 된 것을 101010001로 변환해줄 수 있도록, 번역 패키지를 설치하는 것입니다. 파이썬 문법을 시작하기에 앞서.. 파이썬은 매우 직관적인 언어이고, 할 수 있는..

자 다시 음식점 이야기다^^ 우리는 식당에 들어와 정해진 차림표를 보고, 메뉴를 골라 직원에게 주문을 했다. ( api > json > sever ) 그럼 직원은 테이블 번호를 기록하고 주방으로 주문받은 음식을 전달하면, 주방에서 뭔가의 요리가 시작될 것이다! 바로 이 기록과 요리가 핵심이다 1. 기록 수백, 수천개의 테이블이 있는 곳에서 주문은 받았는데 직원이 테이블 번호를 깜빡하고 기록하지 않았다 생각만 해도 끔찍하다..... 이렇게 음식점에서도 기록이 필요하고, 주문 순서가 생긴다 이 부분을 DB(Date Base)라고 한다. 잘 정리가 되어있고, 일관성이 있어야 우리가 다시 확인하기 편할 것이다! 2. 요리 주방 직원에게 정해진 재료와, 레시피, 시간 등 요리에 필요한 효율적인 일을 시켜야 요리가..

친구가 차린 음식점에 드디어 테이블도 배치하고, 인테리어도 했다 오~ 밖에서 보니 괜찮아 보인다. 하지만 껍데기 뿐이다.... 주문을 받을 프론트 직원과, 주방 직원, 심지어 메뉴판 조차 없다 여기서 설명! 우리는 음식점 마다 메뉴판 = JSON(문법)이 필요하다 중국집에 가서 메뉴에 없는 초밥을 주문할 수 없는 것 처럼! JSON 형식에 맞는 키(음식이름) 을 주문해야 밸류(실제 음식)이 나온다 자, 여기서 더 나아가 우리가 주문 할 때 마다 '주문 하면 가게 밖으로 나갔다 와야한다면' 어떨까? (새로고침) 그래서 AJAX 가 생겼다!!! (새로고침 안해도 주문한 것들이 바뀜) 여기서 동기,비동기 처리는 추후에 포스팅하여 설명 해야겠다! 서버-클라이언트 통신 이해하기 1. 서버→클라이언트: "JSON"..

본문에서 다룰 내용은 jQuery 입니다. 하지만 저는 제이쿼리를 잘 사용하지 않습니다. 왜냐하면, 영어단어도 모르는 왕초보가 영작을 시키면 바로 한마디가 나올 수 있을까요? 개인적으로는 부정적입니다. 개발도 이러한 관점에서 pure 한 개발 언어인, 'vanilla javascript' 의 선 학습이 된 상태에서 라이브러리와, 프레임워크를 써야 한다고 생각합니다. 프론트엔드 개발자에 목적을 두지 않는 수준이라면 빠르고 편리한 라이브러리인것은 확실합니다. 그 만큼 점유율도 상당하기도 하구요. 학습 내용을 정리하고자 포스팅 합니다 :) 👉 jQuery를 이용해 Javascript로 HTML을 쉽게 제어하고, 긴 구문을 간단하게 작성합니다. Javascript 잠깐 복습 - 홀짝 판별 onclick 함수 만..

'가게를 인테리어를 하려면 많은 도구들이 필요하겠지? 아니면 시중에 파는 제품을 사와도 좋고' 저번포스팅에 순수한 html파일만 가지고 보여드린 html에서 style 을 추가한 웹페이지 입니다! CSS 기초 HTML 부모-자식 구조 살펴보기 👉 html 태그는, "누가 누구 안에 있느냐"를 이해하는 것이 가장 중요합니다. 나를 감싸고 있는 태그가 바뀌면, 그 안의 내용물도 모두 영향을 받지요! 빨간색 div 안에, 초록색/파란색 div가 들어있습니다. 아래와 같은 상황에서 빨간색 div를 가운데로 옮기면, 내용물인 초록/파란 div도 모두 함께 이동하겠죠! 즉, 박스를 옮기면 안의 내용물도 함께 옮겨지는 것과 같은 원리입니다. 같은 원리로, 초록 div의 글씨색을 바꾸면, 나는버튼1의 글씨색도 바뀐답니..

'너가 장사를 하려고 하는데, 공간이 필요하겠지? HTML은 인테리어가 아무 것도 안되어있고 시멘트만으로 구역을 나눈 하나의 건축물, 건물이라고 생각하면 되겠다' 저는 친구들에게 설명할 때 이렇게 말하곤 합니다. 사실 'HTML' 은 웹 브라우저에서 우리가 보는 가장 흔한 문서파일 입니다. 하지만 순수하게 HTML 파일이 가진 태그 만으로는 우리가 아는 멋진 웹페이지가 아닐겁니다. HTML 파일의 목적이 문서, 정보 전달이였기 때문이죠 HTML 은 Hyper Text Markup Language 약어로 HyperText(웹 페이지에서 다른 페이지로 이동할 수 있도록 하는 것) 기능을 가진 문서를 만드는 언어입니다. 다시 말해, 구조를 설계할 때 사용되는 언어로 hyper link 시스템을 가지고 있으며,..

전 직장에서 퇴사가 늦어지게 되어 전부터 눈여겨보던 '내일배움캠프'를 수강하지 못할 것이라고 생각했다 하지만 10월 31일 인수인계 마무리 짓고 직장 근무자들과 이야기 하다가 '항해99' 출신 개발자분께서 문의하기로 빈자리 있는지 확인 해보라고 하신 덕분에 문의 결과 예비합격으로 대기는 가능하다고 했다... 사실 React 반 인기가 많아 빠른 마감이 되었던 터라, 그다지 기대하지는 않았다 11월 2일 갑작스럽게 예비 합격도 수강신청 해달라고 연락이 와 서둘러서 수강신청 했고, 합류 준비는 미리 끝내 놓은 상태였다😎 11월 3일 비염 수술예정일에 수술 들어가기 전 최종 합류 결정 연락으로 만감이 교차했다... 그래서 매니저님께 자초지종 설명 드리고, 11월 4일 합류하는 것으로 결정되어 기쁘게 수술을 받..