본문 바로가기

분류 전체보기

(291)
내일배움캠프 4기_미니프로젝트 1주차 WIL 내일배움캠프 4기_미니프로젝트 일주차 WIL 미니프로젝트 아쉬운 점, 좀 더 공부해 볼 내용. 📌 API CRUD기능 아무래도 FrontEnd 와 BackEnd를 동시에 진행하다보니 보여지는 면에 시간을 많이 투자하게 되었습니다. 그래서 BackEnd의 기본적인 API CRUD기능 구현에 시간을 투자하지 못한 부분이 아쉽게 느껴졌습니다. 수정&삭제를 구현하기위해 방명록 HTML태그마다 고유값을 부여해 줘야 한다는 점도 실제로 구현하고 나서야 알게되었습니다. 고유값을 어떻게 줘야하는지 좀 더 심도 있게 고민했었더라면, 더욱 완성도 높았을 텐데. 이 점 아쉽습니다. 저는 처음에 삭제기능을 내일배움단에서 배웠던 num으로 접근하니, 여러 테스트 케이스에서 제대로 작동하지 않아 버킷리스트 프로젝트 click키값..
내일배움캠프 4기_미니프로젝트 5일차 TIL 내일배움캠프 4기_미니프로젝트 5일차 TIL 수정기능(PUT) 구현 📌 숫자 numbering으로 접근 → 수정 📄 index.html function show_comment() { $.ajax({ type: "GET", url: "/homework", data: {}, success: function (response) { let rows = response['visitorBooks'] console.log(rows) for(let i=0; i
내일배움캠프 4기_미니프로젝트 4일차 TIL 내일배움캠프 4기_미니프로젝트 4일차 TIL 미니프로젝트, 최종 병합 오늘은 내일 발표를 위해 각자 작업한 개인페이지 병합 작업을 진행하는 날입니다. git branch를 시도해봤으나, branch merge가... 어떤 식으로 진행되는지 잘 모르겠더라구요! 그래서 pull로 받아서 구현했으나, 개인적인 호기심과 나중을 위해 branch merge를 공부해봤다. 📌 git 오류... 어제와 같은 오류인데, 붙잡고 해봐도 해결이 안된다... 당황스러운 깃. 결국 팀원들에게 도움을 요청! main에 올리는 명령어 코드를 받았다. git branch -M 브랜치명 //기존에 있는 걸 pull해줘야 오류가 안뜸! git pull origin 브랜치명 (편집됨) git add . git commit -m "수정사..
내일배움캠프 4기_미니프로젝트 3일차 TIL 내일배움캠프 4기_미니프로젝트 3일차 TIL 미니프로젝트 개인페이지&공통페이지 📌 마우스 클릭 시, 효과주기 이미지를 클릭하면, 효과를 주고 싶어서 class 네임을 지정해주었다. 📌 마우스 이미지 변경 📌 마우스 커서 올렸을 때 효과주기 📌 입력된 값 없을 때, 기록 되지 않도록 구현 개인페이지 방명록에 입력된 글자 없을 경우, 알람뜨고 기록도 되지 않게 해주기. 처음에 생각한 코드는 input값에서 받아온 value가 ''일 때, 알람을 띄우고 아니면 ajax을 통해 서버 통신하도록 했는데 구동 안된다. 아무래도 if문 안에 ajax 코드를 넣으면 안되는 느낌! 그래서 다르게 생각해 아예 ''값이면 알람을 울리고 빈값이 아닐 때의 값만 서버와 통신해 DB에 저장되도록 코드를 수정해봤다. 이렇게 이름과..
내일배움캠프 4기_미니프로젝트 2일차 TIL 내일배움캠프 4기_미니프로젝트 2일차 TIL 미니프로젝트 개인 페이지만들어보기 미니프로젝트로 조원을 소개하는 프로젝트를 만들게 되었습니다. 이 과정에서 스스로 해결한 내용을 작성하고자 합니다. 📌 Pycharm 가상 환경설정 처음에 그냥 5ColorBird이름의 빈폴더를 만들고 open해주니 venv파일이 없어서 당황했습니다. 부랴부랴 다시 스파르타코딩클럽 강의를 재수강! venv파일을 추가해줬습니다. [location]에 '\venv' 추가 [base interpreter] python버전 3.8 확인 그리고 폴더 열어주면 정상적으로 venv파일이 생성된걸 확인할 수 있습니다. 다음과 같은 방식으로해도 가상환경이 설정되지만, venv파일을 생성 하시는 걸 추천합니다. [Setting]-[python I..
내일배움캠프 4기_미니프로젝트 1일차 TIL 내일배움캠프 4기_미니프로젝트 1일차 TIL Git 저장소 개발자들의 SNS 변경사항을 보기 어려워 변경사항을 일목요연하게 관리하자! 📌 버전 유의미한 변화로 결과물이 나온것을 의미한다. 하나의 버전을 Commit이라고 하기도 한다. 프로그램 개발은 곧, 유의미한 변화를 쌓아 프로그램을 만들어 가는 것을 의미합니다. 📌 만약, 깃이 없다면? 변경내역을 보기 어렵다. 작업을 되돌리기 어렵다. 협력이 어렵다. 📌 tensorflow 원격 저장소 호스트 서비스 벽돌(commit) 쌓듯이 하나하나 쌓아 개발! 📌 windows git bash 작업 디렉토리 : 버전관리 대상 .git 생성되는 폴더 스테이지 : index, 다음 버전, 후보가 올라가는 공간 저장소(repository) : git이 관리하는 가상공..
백준 10828번 스택 백준 10828번 스택 class 2 실버 4 정답률 37.248% 📖 문제 정수를 정수하느 스택을 구현한 다음, 입력으로 주어지는 명령을 처리하는 프로그램을 작성하시오. 명령은 다섯가지이다. push X : 정수 X를 스택에 넣는 연산 pop : 스택에서 가장 위에 있는 정수를 빼고 그 수를 출력한다. 만약 스택에 들어있는 정수가 없는 경우 -1을 출력한다. size : 스택에 들어있는 정수의 갯수를 출력한다. empty : 스택이 비어 있으면 1, 아니면 0을 출력한다. top : 스택의 가장 위에 있는 정수를 출력한다. 만약 스택에 들어있는 정수가 없는 경우에는 -1을 출력한다. 📖 입력 첫째 줄에는 1이상 10,000이하인 정수N이 주어지고 둘째 줄부터 N개의 줄에는 명령이 하나씩 주어진다. 문제..
CPU CPU 중앙 처리 장치, Central Processing Unit 연산을 위해 만들어진 수많은 트랜지스터의 집합체로, 컴퓨터에서 뇌의 역할을 합니다. N개의 register(State)로 이루어진 코어, 그 코어가 N개 있는 상태(듀얼 코어, 쿼드 코어) 연상과 제어를 관장하기에 CPU성능 = PC 속도와 성능 왜냐하면, 메모리 & 디스크와 같은 저장매체에도 영향을 미치기 때문! CPU는 RAM과 소통하며 데이터를 저장하고 받아옴. 왜 싱글 코어에서 멀티 코어로 변경하였는가? 싱글 코어의 성능을 계속 올리는데 한계가 있어요. 고도화될 만큼 고도화된 CPU 자체가 소비하는 전력 소모와 그로 인한 발열 문제가 있기 때문! 또한, 클럭 수 증가 대비 싱글 코어 처리 작업량이 크지 않음. 이러한 한계로 인해 ..
자바스크립트 리액트 라이브러리 맛보기 자바스크립트 라이브러리 맛보기 📌 일반적인 공부루틴 자바스크립트 기본 프론트엔드 라이브러리 이것저것 Node.js기본 백앤드 라이브러리 이것저것 npm을 활용한 전역 모듈 📌 리액트 라이브러리(react library) 규모가 큰 자바스크립트 라이브러리로, 사용자 인터페이스(UI)를 쉽게 구성할 수 있도록 도와줍니다. 리액트 네이티브를 활용해서 스마트폰에서도 빠른 속도로 작동하는 애플리케이션을 만들 수 있습니다. 📌 JSX JavaScript Extension 자바스크립트 확장 문법 바벨 프로그램 → 자바스크립트 → 웹 브라우저에서 사용 가능!! 📌 표현식 출력하기 {표현식} 기호를 사용합니다. 📌 컴포넌트의 기본적인 속성과 메소드 React.Component 클래스는 여러 속성과 메소드를 제공해줍니다...
자바스크립트 클래스의 고급 기능 자바스크립트 클래스의 고급 기능 private 속성과 메소드 📌 private 속성 클래스 내부에서만 접근 가능한 속성 사용자가 의도하지 않은 방향으로 사용하는 것을 막아 클래스의 안정성을 확보하기 위해 나온 문법 length속성을 음수로 변경하는 것을 막기 위해 만들어졌습니다. 📌 private 속성 사용하기 이렇게 만든 private 속성은 클래스 외부에서는 접근할 수 없으므로 사용자가 클래스를 잘못 사용라는 문제를 줄일 수 있습니다. 📌 게터(getter)와 세터(setter) 메소드 하지만, 현재 square 객체의 length속성이 몇인지 확인할 수 없고, length 속성을 변경하고 싶어도 변경할 수 없습니다. 그래서 개발자들은 상황에 따라서 속성을 읽고 쓸 수 있는 메소드를 만들어서 제공합니..