전체 글80 [노개북] IT 5분 잡학사전 - 2일차 TIL 240210 오늘 읽은 범위-> 에피소드 01 - 05 책에서 기억하고 싶은 내용-> 프로그래밍 언어는 목적에 맞게 공부해야 한다는 것 -> 각 프로그래밍 언어에 따라 개발 철학과 구조, 개념과 패턴이 달라 단순히 언어를 배우는 것 이외에도 많은 도움이 된다는 점 -> C# 언어가 C나 C++과 비슷하다고 생각했는데 오히려 자바와 비슷한 언어라는 점과, 다재다능한 언어라는 점 오늘의 소감-> 알고 있었던 내용도 재밌고 쉬운 설명 덕분에 더 기억에 남는 것 같고, 챌린지로 주어지는 분량이 많지 않아 부담 없이 읽고 정리하기에 좋았다. 2024. 2. 11. [노개북] IT 5분 잡학사전 구매 인증! https://nomadcoders.co/it-dictionary 노개북 IT 5분 잡학사전 – 노마드 코더 Nomad Coders 노마드 개발자 북클럽 nomadcoders.co 설 연휴를 틈타 노마드 개발자 북클럽 챌린지 시작! 매일 강의 챌린지만 하다가 독서 챌린지는 처음인데 매일매일 강제로라도 책 읽는 습관을 들여보고 싶어서 신청해 보았다. 여담이지만 전에 신청했던 리액트마스터 챌린지는 졸업 작품을 못 제출해서 다시 신청해 놨는데, 마침 독서 챌린지와 기간이 겹쳐서 한 번에 챌린지 두 개를 하게 됐다... 노개북 챌린지는 오늘이 첫날이라 구매 인증부터 시작! 화이티잉 새해 복 많이 받으세요~! 2024. 2. 10. [React JS 마스터클래스] #3 TYPESCRIPT 정리 #3.0 Introduction - 타입 문법과 함꼐하는 자바스크립트 - 추가 : 타입 체크, 자동 완성, 인터페이스, JSX 문법 - 언어 작동 전에 타입 확인함 => stongly-type - 브라우저는 자바스크립트만 이해할 수 있음 => 타입스크립트는 이해 X - 컴파일 시 자바스클비트로 변경 -> 실행 전에 타입 체크 하고 오류 알려줌 #3.1 DefinitelyTyped CRA로 타입스크립트 프로젝트 생성 1. [npx or yarn] create-react-app [내 앱 이름] --template typescript 2. yarn add styled-components 로 스타일드 컴포넌트 먼저 설치 3. yarn add @types/styled-components -D 으로 타입스크립트 타.. 2024. 1. 23. [React JS 마스터클래스] #2 STYLED COMPONENTS 정리 #2.0 Why Styled Components 스타일드 컴포넌트를 사용하는 이유와 장점 스타일 적용하는 방법 : 직접 자바스크립트로 스타일 입혀주는 방식, 글로벌 css 파일 import, css 모듈 import #2.1 Our First Styled Component yarn add styled-components로 설치 import styled from " styled-components" 임포트 const Box = styled. ` (css 코드) ` 형식으로 사용 가능 실제 코드에서는 자동으로 클래스를 생성하여 스타일 삽입 #2.2 Adapting and Extending 스타일 컴포넌트와 props 사용하기 - 스타일 컴포넌트로 props를 보내고, css 내에서 표현식으로 값 사용 확장가.. 2024. 1. 21. [TIL] 240117 - 근황, 알고리즘 문제 풀이, 노마드코더 강의 수강 캠프 수료 후로 이노캠에서 취업 프로그램도 하고, 스터디도 참가하고 했지만... 어쩌다 보니 하반기는 아주아주 푹~~ 쉬어버렸다. 몸과 마음 모두 잘 놀고 먹고 쉬어줬기 때문에 후회는 없지만 이젠 진짜 취업을 피할 수 없어졌다... 개발도 너무나 손 놓고 살아서 이노캠 때 했던 알고리즘 문제 리스트를 차근차근 풀어보면서 다시... 친해져보고자... 한다... 그리고 구매해놓고 못(안) 듣고 있던 노마드코더 React 마스터클래스도 마침 이번주 부터 챌린지를 시작해서 신청해두었다. 블로그도 후기 이후로는 새 글을 못 써서 별 거 아닌거라도 좀 기록하는 습관을 들여야겠다. 별 거 없는 근황 끗 오늘 한 일 - 프로그래머스 알고리즘 풀이 - 노마드코더 React JS 마스터클래스 강의 수강 #1.0 ~#3.0.. 2024. 1. 17. [React, JavaScript] ChatGPT 질의응답 - styled-components와 JavaScript 표현식 styled-components에 대해서 공부하다가 props 사용 중에 해당 문법이 어떻게 동작하는지 궁금해져서 물어봤다.딥다이브 스터디 할 때 분명 배운 것들인데 또 헷갈린다 ㅠㅠ역시 JavaScript에 대해서 잘 알아야 하겠다... Q1. background-color: ${(props) => props.bgColor}; 이런 식으로 css 코드에서 $과 {}를 사용하는 이유와 동작 방식이 궁금해A1. styled-components에서 CSS 코드 내에서 $와 {}를 사용하는 것은 JavaScript 표현식을 문자열 템플릿(template literals) 내에 삽입하기 위한 ES6(ES2015) 문법의 일부입니다. 이러한 문법은 태그된 템플릿 리터럴(tagged template litera.. 2024. 1. 17. [Javascript] ChatGPT 질의응답 - sort(), localCompare() 함수 정리 Q. sort함수와 localCompare함수의 동작 방식에 대해 각각 설명해주고, 두 함수의 차이점과 주로 사용되는 상황에서의 예시를 들어줘A.sort() 함수의 동작 방식정의와 기본 동작 : Array.prototype.sort()는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다. 기본적으로, sort()는 배열의 요소를 문자열로 변환하고, 이 문자열들을 유니코드 포인트 순서로 정렬합니다.커스텀 정렬 로직 : sort()는 선택적으로 비교 함수를 매개변수로 받을 수 있습니다. 이 비교 함수는 두 요소 a와 b를 인자로 받아서, 정렬 순서를 결정하는 반환값을 제공합니다:반환값이 0보다 작으면, a를 b보다 앞에 위치시킵니다.반환값이 0이면, a와 b의 순서를 변경하지 않습니다.반환값이 0.. 2024. 1. 17. [프로그래머스] 문자열 내림차순으로 배치하기 (JavaScript) https://school.programmers.co.kr/learn/courses/30/lessons/12917 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr function solution(s) { return s.split("").sort().reverse().join(""); } 코드 해설 - 입력받은 s 문자열을 split("")를 통해 하나씩 나누어 배열로 변환해 준 후, sort()를 통해 유니코드 순서대로 정렬 (유니코드 상 대문자가 앞순서이므로, 만약 acdbeB였다면 Bedcba로 정렬됨) - reverse()를 통해 뒤집어 정렬 (ab.. 2024. 1. 17. [프로그래머스] 문자열 내 마음대로 정렬하기 (JavaScript) [프로그래머스] 문자열 내 마음대로 정렬하기 (JavaScript) https://school.programmers.co.kr/learn/courses/30/lessons/12915 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr function solution(strings, n) { return strings.sort((a, b) => { const charA = a[n]; const charB = b[n]; if (charA === charB) { return a.localeCompare(b); } return charA.localeCompare(ch.. 2024. 1. 17. [후기] 4개월간의 이노베이션 캠프 후기와 장단점, 내가 얻은 것은? 🎉축 수료 🎉5월부터 약 4개월간 진행됐던 이노베이션 캠프를 9월 15일부로 드디어 수료하게 되었다! 🥳🎉🥳🎉🥳🎉우여곡절이 많았지만 포기하지 않고 끝까지 수료한 나 자신을 칭찬해주고 싶다. 수료를 기념하여 어떻게 이노베이션 캠프에 참가하게 되었는지와 캠프 생활을 회고해 보고, 앞으로의 계획은 무엇인지에 대해 적어보겠다. 언젠가 이노베이션 캠프나 항해 99에 참가하고 싶은 분들이 있다면 참고할 수 있길 바라며... (TMI와 긴 글 주의 !!!!!) ❓ 이노캠이 뭐고, 왜 참여했는가?⛺ 이노베이션 캠프란 ?https://innovationcampineast.webflow.io/ 동북권 부트캠프 이노베이션캠프상위 1% 지역 대표 IT인재로 거듭나세요innovationcampineast.we.. 2023. 9. 20. [WIL] Week 5 - 230707 ~ 0716 회고 Fact : 이번주 있었던 일, 내가 한 일 Feeling : 나의 감정적인 반응, 느낌 Finding : 그 상황으로부터 내가 배운 것, 얻은 것 Future : 배운 것을 미래에 어떻게 적용할 것인가 Fact 0707(금) - CS 스터디) 질문 제출 - Lv.3 과제 진행 - JS 스터디) 발표 준비 - CS 스터디) 백준 알고리즘 풀이 0708(토) - CS 스터디) 알고리즘 풀이 공유, 스터디 회의 - JS 스터디) 4. 객체 : 기본 6-8 발표 0710(월) - Lv.3 과제 - JS 스터디) 발표 준비 0711(화) - CS 스터디) CPU와 메모리 개념 공부, 질문 작성 - 숙련주차 강의 완강 - JS 스터디) 발표 준비 - Lv.3 과제 완성 0712(수) - Lv.3 과제 수정, 리뷰.. 2023. 7. 17. [리액트 숙련주차] 2-21~23 비동기 프로그래밍 2-21 비동기 프로그래밍 입문 1. 동기 방식과 비동기 방식 동기적(synchronous) 방식 - 현재 실행중인 코드가 끝나야 다음 코드를 실행하는 방식 - 일반적 프로그래밍 세계에서 코드는 모두 동기적으로 실행됨 비동기적(not synchronous) 방식 - 실행 중인 코드의 완료 여부와 무관하게 즉시 다음 코드로 넘어가는 방식 - setTimemout, addEventListner 등 - 별도의 요청, 실행 대기, 보류 등과 관련된 코드는 모두 비동기적 코드 - 대표적으로 서버 통신과 관련된 로직들을 포함함 ex) 중식집에서 배달 후 배달원이 다먹을때까지 기다렸다가 그릇을 회수하지 않고, 다른 집도 갔다가 다시 찾으러 오는 것과 비슷함 2. 콜백지옥 - 콜백함수를 익명함수로 전달하는 과정이 반복.. 2023. 7. 11. 이전 1 2 3 4 5 ··· 7 다음
