whatisthis?

PCB Design 1년차 웹 개발자가 된 나는 요즘 오랫만에 전공을 공부하는중이다. 웹 개발도 재미있고 좋지만, 전공에서 유일하게 흥미로웠던 PCB 디자인이 그리워져서(..?) 오랫만에 캐드를 다뤄보고 싶었다. PCB 디자인에는 여러가지 툴이 있지만, 나는 Eagle 캐드를 선택하였다. 1. Mac에서 사용 가능! (완전 중요) 2. 무료이다! 3. 교육 자료도 많다! (내 기준) - Eagle(이글) Download https://www.autodesk.com/products/eagle/free-download Download EAGLE | Free Download | Autodesk EAGLE is PCB design and electrical schematic software. Get EAGLE ..

요즘 공부하는 것 한동안 블로그와 깃헙을 방치해둬서 거미줄이 쌓여있길래 방문했다. 원래는 개발 공부 블로그이다보니, 잡담이나 근황은 절대 안적지만 .. 내 인생 나름의 업적(?)을 쌓고 돌아왔기 때문에 기록하기로 하였다. https://mywebproject.tistory.com/429 공부 근황 mywebproject.tistory.com 왜 몇일동안 포스팅을 안했는지에 대한 글이다. 솔직히 지난 몇달간 계속 컴퓨터로 강의 + 코딩만 하다보니, 책과 볼펜이 어색했었다. 문득 자바스크립트를 다시 딥다이브로 공부하고싶다고 생각하였고, 짧은 기간 안에 약 1000페이지에 육박하는 사전만한 책(...)을 다 읽었다! 자바스크립트 : 딥 다이브 내가 읽었던 책은 [모던 자바스크립트 딥 다이브] 라는 책이다. 상..

폴더 Add - Commit - Push 하기 명령어 순서: $ git status $ git add 폴더 이름 $ git commit -m "커밋 로그" $ git remote -v $ git push origin main 1. git status 명령어로 working directory 상태 확인 2. git add 명령어로 staging area로 폴더 이동 3. git commit과 git push 명령어로 commit한 사항을 repository로 최종 업로드 파일과 달리 추가되는 점이 있다면 4번째 라인의 "git remote -v" 라는 명령어임. 업로드 하려는 폴더의 상위폴더에 git이 연결(.git 폴더가 있음)돼있기 때문에 해당 명령어를 이용해 내 github repository(원격 ..

1 / gh-pages 패키지 설치 npm i gh-pages 2 / package.json 수정 , "homepage": "https://thisisyjin.github.io/ReactJSPractice" 끝부분에 이렇게 추가하고, "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject", "deploy": "gh-pages -d build", ❗❗ "predeploy": "npm run build" ❗❗ }, scripts 부분에 deploy와 predeploy 를 추가함. 3 / 터미널에 npm run deplo..

보호되어 있는 글입니다.

DOM은 무엇인가? DOM Node와 Element의 차이 여행자보험의 보장명과 보장가격을 가져오기 위해 웹크롤링을 해보았다. 사실 이 과정은 그냥, html parsing해주는 라이브러리를 사용해서 html에서 내가 원하는 정보를 가져오는 것이 전부였다. 원 velog.io

CMD(명령 프롬프트)나 gitBash, git GUI 등을 이용. - 명령어는 같다! ___ C:/ gitExample 폴더를 만들고, 폴더 안에 index.html과 style.css를 만든다. 1. cmd창으로 자신의 프로젝트 폴더 위치로 이동한다. cd [경로] = change directory. 2. git init 를 입력 - Initialized empty Git repository in [경로] >> 프로젝트 폴더 안에 .git이라는 숨겨진 폴더가 생성됨. 3. git status 입력 현재 파일들의 상태 확인 가능. - On branch master : 현재 branch(=가지) 는 master. - Initial commit : commit을 해야만 Git에 파일이 저장됨. - inde..

클래스 객체를 만들어 내기 위한 설계도(Template) 또는 틀. 연관되어 있는 변수와 메서드의 집합. 객체 소프트웨어를 통해 구현할 '대상'이 되는 것. 클래스에 선언된 모양 그대로 생성됨. ** 클래스의 instance = 객체(Object) - 객체는 모든 인스턴스를 대표하는 포괄적 의미를 가짐. 인스턴스 설계도를 바탕으로 소프트웨어에 구현된 구체적인 실체. 즉, 객체(object)를 소프트웨어에 실체화한 것. - 실체화된 인스턴스는 메모리에 저장. 객체 vs 인스턴스 - 클래스(Class)의 타입으로 선언되었을 때 = 객체 ( 현실세계. '실체'에 초점 ) - 그 객체가 메모리에 할당되어 실제 사용될 때 = 인스턴스 ( S/W세계. '관계'에 초점 ) 설계도 = 클래스 제품 = 인스턴스 REFE..

Stack LIFO (Last In First Out) Queue FIFO (First In First Out) 💡 스택(Stack) - 같은 구조와 크기의 자료를 정해진 방향으로만 쌓을 수 있음 - top으로 정한 곳을 통해서만 접근 가능 (위에서부터) - 새 데이터 삽입도 top을 통해서만 가능 = push - 삭제도 top을 통해서만 가능 = pop >> 비어있는 스택에서 추출시 : stack underflow 스택이 꽉 차서 넘칠시 : stack overflow >> 활용 분야 - 웹브라우저 방문기록 (가장 나중에 열린 페이지부터) - 역순 문자열 생성 - 뒤로가기 (undo) -> history.back() 💡 큐(Queue) - 줄을 서서 기다리는 것. 선입선출 (FIFO) - 한쪽 끝에서는 ..

❗ 피그마(figma) 란? https://www.figma.com/ Figma: the collaborative interface design tool. Build better products as a team. Design, prototype, and gather feedback all in one place with Figma. www.figma.com - 웹 기반 UI/UX 디자인 및 프로토타이핑 툴. - 무료 프로그램임에도 불구하고 어도비 XD, 스케치 등에 꿀리지 않거나 오히려 더 나은 성능을 보여줌. - 한 화면에서 디자인 / 포로토타이핑 / 코드 모두 확인 가능. (올인원 툴) - 웹 기반 툴이라 설치가 따로 필요없으나, 네이티브 앱도 지원중. - 저장이 존재하지 않음. 작업을 하는 순간마..