본문 바로가기

전체 글

 (347)
프로그래머스 데브코스 54일차 with. TS 웹 풀스택 📚요약지난 시간에는 리액트의 기본을 배웠습니다. 이번 시간에는 리액트에서 중요한 컴포넌트에 대해 배우고 state를 활용해 화면의 데이터를 변경해 보겠습니다. 📖리액트📄컴포넌트컴포넌트란 리액트가 HTML, CSS 그리고 JS를 묶어 만든 재사용 가능한 UI 요소입니다. 📑클래스형 컴포넌트import { Component } from "react";class ClassCom extends Component { render() { return class type component; }}export default ClassCom;클래스형 컴포넌트는 함수형 컴포넌트가 나오고 클래스형 컴포넌트의 역할을 하기 전까지 사용되었던 형태입니다. 생성자 함수 대신 render() 함수가 필수적인 요소입니다..
프로그래머스 데브코스 53일차 with. TS 웹 풀스택 📚요약지난 시간까지 타입스크립트에 대해 배웠습니다. 이번 시간부터 타입스크립트를 활용한 리액트의 기본 동작 원리와 프로젝트 생성 방법 및 JSX 문법에 대해 학습하겠습니다. 📖리액트리액트는 프레임워크가 아닌 웹과 네이티브 인터페이스 라이브러리로 페이스북에서 개발했습니다.프레임워크가 아니고 라이브러리인 이유는내장 기능이 부족하고 서드 파티 패키지에 의존하기 때문입니다.완전한 생태계와 디자인 시스템을 제공하지 않기 때문에 리액트로 만들어진 프로젝트의 형태가 다양한 모습을 하고 있습니다.프로젝트에 적합한 설계에 따라 원하는 도구를 선택할 수 있기 때문입니다.참고한 블로그와 리액트 공식 문서의 글을 보면 더 자세한 이유가 나와있습니다. Start a New React Project – ReactThe lib..
프로그래머스 데브코스 52일차 with. TS 웹 풀스택 📚요약지난 시간에 이어 타입스크립트를 공부해 보겠습니다. 📖타입스크립트📄데이터 타입📑리터럴 타입타입을 더 직관적으로 볼 수 있는 리터럴 타입이 있습니다. 해당 타입을 사용하게 되면 코드의 가독성이 높아지고, 값을 강제로 정해주었기 때문에 잘못된 값이 들어오는 것을 예방할 수 있습니다.// 리터럴// 문자열 리터럴let gender:'male' | 'female';gender = 'male'; // ogender = 'man'; // error male과 female만 사용 가능// 숫자 리터럴let num: 10 | 100 | 1000;num = 10; // onum = 5; // error 10,100,1000만 사용 가능// boolean 리터럴let flag: true;flag = true;..
프로그래머스 데브코스 11주차 회고 with. TS 웹 풀스택 회고⏲51일차 (06.17)알고 있던 내용까먹었던 내용새로 배운 내용- interface- 데이터 타입 적용 방법- enum 사용법- implements 활용한 클래스 생성- tsc 명령어 활용지난 시간까지 C언어를 계속 배우는 느낌을 받아서 왜 하는지 이해할 수 없었지만, 이번 강의를 듣다 보니 강의를 진행할 때 더 쉬운 이해를 위한 베이스였다. 그래도 고집인지 모르겠지만 C언어에서 for문이나 if문 같은 건 별로 의미가 없었다고 생각한다. 52일차 (06.18)알고 있던 내용까먹었던 내용새로 배운 내용- 리터럴 타입- 유니온 타입- get, set 키워드 접근 방법- 타입 가드 용어- 튜플 타입- 클래스 생성자 단순화TS의 내용을 배우는 중인데 이것저것 새로운 내용을 배우는 것 같아서 좋았다. 다음..
프로그래머스 데브코스 51일차 with. TS 웹 풀스택 📚요약지난 시간까지는 C언어를 통해 프로그래밍의 기본 원리를 배웠습니다. 이번 시간부터 타입스크립트를 배워보겠습니다. 📖타입스크립트사용 이유데이터의 자료형(타입)을 알 수 있기 때문에 버그를 줄일 수 있다. (== 생산성이 높다) 타입을 알기 때문에 유지보수 또한 쉬워집니다.타입스크립트는 자바스크립트의 슈퍼셋 즉, 자바스크립트의 확장형입니다. 그렇기 때문에 자바스크립트에서 타입스크립트를 사용하는 것은 불가능하지만, 타입스크립트 내부에서 자바스크립트를 사용하는 것은 문제가 없습니다. 그렇기에 자바스크립트로 작성된 프로젝트에 타입스크립트를 일부만 적용하는 것도 가능해 호환성이 좋다는 장점이 있습니다.추가적으로 IDE에서 타입을 작성하게 되면 메서드의 추천이 쉬워지기 때문에 코드를 작성할 때 도움이 됩니다..
데브코스 스터디(알고리즘, 코테) 15회차 ✍문제 풀기초록색은 성공, 빨간색은 실패, 주황색은 이전에 풀었지만 실패, 회색은 이전에 풀었지만 시간 부족실버 4 : fail. 런타임 에러실버 3 : fail. 메모리 초과.실버 1 : fail. 추가 조건에 대한 구현 필요.골드 5 : 시간 부족.골드 3 : 시간 부족.📢리뷰 시간 & 🙄느낀 점이번 시간에는 그냥 문제가 안 풀려서 정신이 나가버렸다. 정말 구현 문제만 있었는데 내 구현 실력이 이 정도였나 좌절감을 너무 느꼈던 문제들이었다.
프로그래머스 데브코스 50일차 with. TS 웹 풀스택 📚요약지난 시간에 이어서 기본 원리를 마무리하겠습니다. 📖프로그래밍의 기본 원리📄함수 포인터기존 포인터 변수가 변수의 주소값을 저장해서 사용했던 것과 같이 함수의 주소를 받아서 사용하는 것이 함수 포인터입니다. int Plus(int a, int b) { return a+b;}int main() { int a = 20; int b = 10; int (*fPtr)(int pa, int pb); fPtr = Plus; int result = fPtr(a,b); printf("결과값 : %d", result); // 결과값 : 30 return 0;}위 코드 예시를 보면 함수 포인터를 사용해서 함수를 사용하는 것을 볼 수 있습니다. 함수 포인터를 사용하면 프로그램의 유연한 확..
데브코스 스터디(알고리즘, 코테) 14회차 ✍문제 풀기초록색은 성공, 빨간색은 실패, 주황색은 이전에 풀었지만 실패, 회색은 이전에 풀었지만 시간 부족lv1 : 푼 문제. 맵lv1 : 푼 문제. 약수 구하기실버 1 : 소수 판별. 소인수 분해.실버 1 : 실패. 시간 초과.골드 3 : 시간 부족.pccp 모의고사 3번 : 시간 부족.📢리뷰 시간 & 🙄느낀 점이번 시간에는 푼 문제가 있어서 저번 시간에 다짐했던 4문제에 집중하기는 성공했지만 뭔가 애매한 느낌이다. 결국 4문제 중 2문제가 풀려있었고, 2문제에 집중한 느낌이라 지난번과 크게 차이를 못 느끼겠다. 다음 시간에는 풀려있어도 4문제를 새로 푼다는 느낌으로 다시 집중해 봐야 할 것 같다.

티스토리툴바