본문 바로가기

프로그래밍/개발 언어30

기술스택별 / 해외 주요 출판사별 기술 서적 모음 1. 기술 스택별 서적 모음 2. 해외 주요 출판사별 개인적으로 집에 책을 쌓아두고 있는데..! 확실히 책보다는 구글링으로 문제를 해결하고 있는데 책도 계속 많이 읽는 것이 양질의 좋은 지식을 얻는 방법이라고 생각이 든다! 2024. 2. 21.
[강의] 혼자배우는 자바스크립트 1,2/9 섹션 1 1. 질문을 위해서 '코딩 알려주는 누나' 슬랙에 참여함 섹션 2 1. 변수 - replit: 간단하게 바로바로 출력 값 확인 가능 사이트 - 좋은 깃허브 - let(중복허용되는 등 var의 문제를 해결하고자 나온 것), contst(할당한 값 never 못 바꿈), var(할당한 값 변경가능해서 쓰지 말기) - 호이스팅: 변수들을 최상단으로 정리하는 것 / js에서 변수 확인하고 코드를 위에서부터 읽음 2. 배열 - slice와 splice의 차이: 전자는 기존의 배열을 건드리지 않음 / 후자는 기존 배열이 달라짐 3. 삼항연산식 //삼항연산식 조건 ? true일때 : false일때 let menu = 2 let answer = menu < 3 ? "범위 안" : "범위 밖" console.l.. 2024. 1. 1.
초보자에게 추천하는 파이썬 무료 입문 강의(feat.프로그래머스) 프로그래머스의 0단계도 문법을 잘 알고 있는지 확인할 수 있어서 참 좋은데 문법을 알려주지 않고 물어본다는 아쉬움이 있다 오늘 문법을 한번 실습해 보면서 배우기 좋은 무료 강의가 있다는 것을 알고 수강했다 1. 프로그래머스 파이썬 입문 무료 | 파이썬 입문 ## 파이썬 입문 강의는, ### 🧑🏻‍💻👩🏻‍💻 초보자도 쉽게 시작할 수 있어요. 파이썬이 무엇인지 하나도 몰라도 괜찮아요. 초보자의 눈높이에 맞춰 파이썬 설치부터 함께 하며 누구나 알 school.programmers.co.kr 2. 목차 - 시작하기(파이썬 설치 방법 등) - 변수와 계산 - 조건문 - 함수 - 자료형 - 리스트 - for 반복문 - 모듈 - 활용하기(공식문서 찾는 방법, 문서 검색하는 방법 등) - 딕셔너리와 튜플 - while.. 2023. 3. 3.
Vue 내부 원리 const app = Vue.createApp({ data() { return { currentUserInput: '', message: 'Vue is great!', }; }, methods: { saveInput(event) { this.currentUserInput = event.target.value; }, setText() { this.message = this.currentUserInput; }, }, }); app.mount('#app'); Vue는 html, css의 데이터를 인식하고 반응하고, 업데이트 한다 this를 통해서 전역변수를 관리한다 뷰는 필요할 때만 DOM으로부터 값을 가져오는 기능이 있고, 이를 ref라고 한다 $ref ref는 html내장이 아닌, vue에서 인식하는 것이.. 2022. 12. 15.
Vue v-on 개념 Event Practice Show Alert 버튼을 눌렀을 때 알람이 뜰 수 있도록 app.js에서 함수를 만들었다 v-on은 dom이벤트가 트리거 될 때 js를 실행할 수 있는 이벤트리스너이다 DOM: Document Object Model, 웹브라우저가 html페이지를 인식하는 방식 이벤트 리스너: DOM객체에서 이벤트가 발생할 경우 해당 이벤트 처리 핸들러를 추가할 수 있는 오브젝트, 특정 DOM에 js이벤트가 발생할 때 특정 함수를 호출한다 줄여서 '@'로도 표현이 가능하다 methods: { showAlert() { alert('This works!'); }, 입력창을 저장하는 화면을 만들고 아래에도 같이 작성되는 화면을 만들었다 코드에는 문제가 없는 것 같은데 자꾸 실행이 안 되어서 어려움을.. 2022. 12. 14.
Vue v-bind 개념 html속성을 vue data를 이용하여 관리하는 경우 'v-bind'를 사용한다 마지막 줄의 'about Vue'를 클릭하면 app.js에서 지정한 url로 이동한다 // app.js const app = Vue.createApp({ data() { return { courseGoal: 'Finish the course and learn Vue!', vueLink: 'https://vuejs.org/' }; } }); app.mount('#user-goal'); Vue Course Goals My couse Goal {{ courseGoal }} Learn more about Vue. /* styles.css */ * { box-sizing: border-box; } html { font-family:.. 2022. 12. 13.
Vue 개념 정리 정의 - Vue는 사용자 인터페이스를 구축하기 위한 Javascript의 프레임워크 핵심 기능 - 선언적 렌더링: 표준html을 확장 - 반응성: javascript에서 변경이 발생할 때 DOM을 효율적으로 업데이트 API 스타일 - Options API: methods 등 옵션 개체를 사용하여 구성요소의 논리 정의 - Composition API: 가져온 API 함수를 사용하여 구성요소의 논리 정의 클론코딩을 하면서 vue와 친해지고 있는데 html, css, javascript파일을 src폴더의 'app.vue'파일에서 한꺼번에 쓰고, 관리한다는 점이 신기하다 2022. 12. 12.
Vue.js 공식문서 Tutorial step.1 Hello World! step.2 {{message}} step.3 Make me red step.4 count is: {{ count }} count is: {{ count }} step.5 {{ text }} step.6 toggle Vue is awesome! Oh no 😢 toggle을 클릭하면 'Vue is awesome!'화면과 'Oh no 😢' 화면이 번갈아서 나온다 step.7 Add Todo {{ todo.text }} X step.8 Add Todo {{ todo.text }} X {{ hideCompleted ? 'Show all' : 'Hide completed' }} step.9 hello step.10 Todo id: {{ todoId }} Fetch next to.. 2022. 12. 11.
Next.js 터미널 코드(npx create-next-app@latest를 곁들인..) 1. 먼저, 사용할 폴더를 만든 뒤, 해당 폴더의 터미널을 켜고 위의 코드를 터미널에 친다 npx create-next-app@latest 위의 코드는 next.js의 최신 버전을 사용하겠다는 뜻이다 npx create-next-app@latest # or yarn create next-app # or pnpm create next-app 위 중 하나를 적으면 된다 2. 프로젝트 이름 짓기 프로젝트 이름은 만들려는 것으로 한다 나는 'nextjs-intro'라고 작성했다 3. 타입스크립트 쓸 것인지, ESLint 쓸 것인지 타입스크립트를 사용할 것인지 물어보는 질문이 뜨고 ESLint를 사용할 것인지 물어보는 질문이 있다 각자 해당하는 것을 yes or no로 답변하면 된다 4. 작업 완료 모든 터미널 .. 2022. 12. 8.

티스토리툴바