전체 글
멋지게 해낸다 ~
-
비동기 Single Thread 언어 js는 싱글스레드 언어! => js 엔진은 단하나의 실행 컨텍스트 스택을 가지며, 한번에 하나의 작업만 수행 가능 동기 / 비동기 js는 싱글스레드 언어! => js 엔진은 단하나의 실행 컨텍스트 스택을 가지며, 한번에 하나의 작업만 수행 가능 js의 동시성을 지원하는것이 바로 '이벤트루프'! 비동기 처리 비동기처리 방식의 문제점 -> 반환 결고 ㅏ가지고 후속처리 불가 -> callback 사용 Callback 매개변수로 함수 객체를 전달해서 호출 함수 내에서 매개변수 함수를 실행하는것 즉, 함수 자체를 매개변수로 전달하는것 Callback Hell => Promis, Async Promise resolve(value) reject(error) 비동기처리가 성공하면,..
[SOPT] week04 세미나 TIL - API 통신비동기 Single Thread 언어 js는 싱글스레드 언어! => js 엔진은 단하나의 실행 컨텍스트 스택을 가지며, 한번에 하나의 작업만 수행 가능 동기 / 비동기 js는 싱글스레드 언어! => js 엔진은 단하나의 실행 컨텍스트 스택을 가지며, 한번에 하나의 작업만 수행 가능 js의 동시성을 지원하는것이 바로 '이벤트루프'! 비동기 처리 비동기처리 방식의 문제점 -> 반환 결고 ㅏ가지고 후속처리 불가 -> callback 사용 Callback 매개변수로 함수 객체를 전달해서 호출 함수 내에서 매개변수 함수를 실행하는것 즉, 함수 자체를 매개변수로 전달하는것 Callback Hell => Promis, Async Promise resolve(value) reject(error) 비동기처리가 성공하면,..
2023.11.11 -
Router 그동안 사용한 페이지 이동 => a태그 a태그의 문제점? html새로 불러오면서 다시그림. 화면 깜빡 우리가 배우는 react는 sap환경 즉.하나의 html 그럼 조건부렌더링으로 페이지 바꾸면안되나? => 놉 뒤로가기 앞으로가기 동작 ㄴ 새로고침시 최초 렌더링메인 이동 특정 url 접속 ㄴㄴ 페이지별 즐찾도 불가 => 우리가 사용할 것: Router React Router routing: 사용자가 요청한 url에 따라 알맞은 페이지를 보여주는것. 이 기능을 가진게 Router임 Router Components 종류 BrowserRouter =>多用 HashRouter MemoryRouter NativeRouter 주로 BrowserRouter사용하고, 필요에따라 HashRouter 사용 B..
[SOPT] week04 세미나 TIL - react-router-domRouter 그동안 사용한 페이지 이동 => a태그 a태그의 문제점? html새로 불러오면서 다시그림. 화면 깜빡 우리가 배우는 react는 sap환경 즉.하나의 html 그럼 조건부렌더링으로 페이지 바꾸면안되나? => 놉 뒤로가기 앞으로가기 동작 ㄴ 새로고침시 최초 렌더링메인 이동 특정 url 접속 ㄴㄴ 페이지별 즐찾도 불가 => 우리가 사용할 것: Router React Router routing: 사용자가 요청한 url에 따라 알맞은 페이지를 보여주는것. 이 기능을 가진게 Router임 Router Components 종류 BrowserRouter =>多用 HashRouter MemoryRouter NativeRouter 주로 BrowserRouter사용하고, 필요에따라 HashRouter 사용 B..
2023.11.11 -
ㅋㅋ저번에도 이 에러 있었는데그 이후로 access token 발급을 새로 해서 그런지 또 이 에러가 발생!!근데 저번에 정리해둔 방법으로는 해결이 안되길래 또 1시간동안 구글링 대모험했따 ..우선 저번 해결책https://lullu-nan-potato-developer.tistory.com/entry/gitkraken-permission-denied-403-error gitkraken permission denied 403 errorㅎ .. 에러때문에 두시간동안 .... ㅎㅎ 즐겁다 다른 사람이 만든 organization의 레포를 클론해온 상황이었다. 클론이나 풀은 잘 되는데 ... 내거 작업 커밋하고 그걸 푸시하려니까 에러남 ㅋ.ㅋ 아놔lullu-nan-potato-develo..
gitkraken push후 access 403 error 해결ㅋㅋ저번에도 이 에러 있었는데그 이후로 access token 발급을 새로 해서 그런지 또 이 에러가 발생!!근데 저번에 정리해둔 방법으로는 해결이 안되길래 또 1시간동안 구글링 대모험했따 ..우선 저번 해결책https://lullu-nan-potato-developer.tistory.com/entry/gitkraken-permission-denied-403-error gitkraken permission denied 403 errorㅎ .. 에러때문에 두시간동안 .... ㅎㅎ 즐겁다 다른 사람이 만든 organization의 레포를 클론해온 상황이었다. 클론이나 풀은 잘 되는데 ... 내거 작업 커밋하고 그걸 푸시하려니까 에러남 ㅋ.ㅋ 아놔lullu-nan-potato-develo..
2023.11.07 -
으악 나 어떡하냐 면접!!!!!!! 잘 모르는 직무로 배정받아서 빠르게 공부중인데 너무 어렵다!!!!! 으악!!!!! 잠깐 머리시킬겸 돌아오는주 계획 작성!!! 화이팅... 11월 2주차 계획 면접준비 피피티 토대로 스크립트 짜기 발표 연습 임베디드 관련 공부 피피티에서 예상 질문 추리고 답변 정리 답변 연습 ㅎㄴ 임원진 면접 기출 정리해두기 정장대여 신청 ✅️ 서류 준비 졸업(예정)증명서 성적증명서 주민등록등본 원본(주민번호 뒷자리 마스킹, 3개월 內 발급분) 주민등록초본 원본(주민번호 뒷자리 마스킹, 3개월 內 발급분) 어학 성적증명서 원본 근무경력 증빙 서류 대외활동 증명서 솝트 코테 문풀 ✅️ 힙 발표 준비 ✅️ 과제!! ✅️ 기본 ✅️ 1 ✅️ 2 ✅️ 3 ✅️ 4 ✅️ 5 ✅️ 6 ✅️ 심화 ..
11월 2주차 계획으악 나 어떡하냐 면접!!!!!!! 잘 모르는 직무로 배정받아서 빠르게 공부중인데 너무 어렵다!!!!! 으악!!!!! 잠깐 머리시킬겸 돌아오는주 계획 작성!!! 화이팅... 11월 2주차 계획 면접준비 피피티 토대로 스크립트 짜기 발표 연습 임베디드 관련 공부 피피티에서 예상 질문 추리고 답변 정리 답변 연습 ㅎㄴ 임원진 면접 기출 정리해두기 정장대여 신청 ✅️ 서류 준비 졸업(예정)증명서 성적증명서 주민등록등본 원본(주민번호 뒷자리 마스킹, 3개월 內 발급분) 주민등록초본 원본(주민번호 뒷자리 마스킹, 3개월 內 발급분) 어학 성적증명서 원본 근무경력 증빙 서류 대외활동 증명서 솝트 코테 문풀 ✅️ 힙 발표 준비 ✅️ 과제!! ✅️ 기본 ✅️ 1 ✅️ 2 ✅️ 3 ✅️ 4 ✅️ 5 ✅️ 6 ✅️ 심화 ..
2023.11.05 -
💜 ESLint, Prettier 자동 적용 시키기💛 ESLint 설치 및 초기 세팅우선 ESLint와 prettier를 설치하자.아래 포스트에 설치 방법을 작성해두었다.https://lullu-nan-potato-developer.tistory.com/entry/%EC%B4%88%EA%B8%B0%EC%84%B8%ED%8C%85-ESLint-Prettier [초기세팅] ESLint, Prettier, stylelint, husky + lint-staged💜 ESLint 💛 ESLint 란? ESLint란, ES와 Lint를 합친 말이다. 그렇다면 ES와 Lint는 무엇일까? ES: Ecma Script. Ecma라는 기구에서 만든 script. 즉, 표준 javascript를 의미..
[초기세팅] ESLint, Prettier 실습 (자동 적용, rule/option 변경, ignore)💜 ESLint, Prettier 자동 적용 시키기💛 ESLint 설치 및 초기 세팅우선 ESLint와 prettier를 설치하자.아래 포스트에 설치 방법을 작성해두었다.https://lullu-nan-potato-developer.tistory.com/entry/%EC%B4%88%EA%B8%B0%EC%84%B8%ED%8C%85-ESLint-Prettier [초기세팅] ESLint, Prettier, stylelint, husky + lint-staged💜 ESLint 💛 ESLint 란? ESLint란, ES와 Lint를 합친 말이다. 그렇다면 ES와 Lint는 무엇일까? ES: Ecma Script. Ecma라는 기구에서 만든 script. 즉, 표준 javascript를 의미..
2023.11.02 -
ㅋㅋ 소프트웨어 개발직에도 영어면접이 있다? 끼약 떨림요 그래도 10분이라는 것에 위안을 얻고 ㅎ.ㅎ 헤헤 발표날이랑 면접날 텀이 짧으니 후다닥 벼락치기를 해보자 그냥.. 간단하게 기출 위주로! 영어 면접 기출 지금(면접하는) 심정/소감 취미 자기소개/자기PR 성취감을 느낀 일이 있다면? 가족소개 좋아하는 음식 만약 상사가 부당한 지시를 내린다면? 고향 소개 장점? 당사에 대해 설명해봐라 지원동기 직무 지원동기 전공 소개 스트레스 푸는 법 여행하고싶은 나라 장단점 전공 선택 이유 좋아하는 과목 주말에 무엇을 하며 보내는지
영어 면접 준비ㅋㅋ 소프트웨어 개발직에도 영어면접이 있다? 끼약 떨림요 그래도 10분이라는 것에 위안을 얻고 ㅎ.ㅎ 헤헤 발표날이랑 면접날 텀이 짧으니 후다닥 벼락치기를 해보자 그냥.. 간단하게 기출 위주로! 영어 면접 기출 지금(면접하는) 심정/소감 취미 자기소개/자기PR 성취감을 느낀 일이 있다면? 가족소개 좋아하는 음식 만약 상사가 부당한 지시를 내린다면? 고향 소개 장점? 당사에 대해 설명해봐라 지원동기 직무 지원동기 전공 소개 스트레스 푸는 법 여행하고싶은 나라 장단점 전공 선택 이유 좋아하는 과목 주말에 무엇을 하며 보내는지
2023.11.01 -
💜 ESLint 💛 ESLint 란?ESLint란, ES와 Lint를 합친 말이다.그렇다면 ES와 Lint는 무엇일까?ES: Ecma Script. Ecma라는 기구에서 만든 script. 즉, 표준 javascript를 의미한다.Lint: 에러가 있는 코드에 표시를 달아놓은 것. 정리하자면, ESLint는 '자바스크립트 문법에서 에러를 표시해주는 도구'이다.ESLint는 코드 검사를 통해 에러와 버그를 검사한다. 뿐만 아니라, 코드 스타일 가이드에 맞지 않는 부분을 찾아내는 기능도 한다. 이때, 검사 정도를 개발자가 설정할 수 있다. 즉, 어느 정도의 수준으로 에러를 표시하고/해결하게 할 건지에 대한 커스텀 및 스타일링이 가능하다. 따라서 협업에 특히 유용하다. 가령, 정말 문제..
[초기세팅] ESLint, Prettier, stylelint, husky + lint-staged💜 ESLint 💛 ESLint 란?ESLint란, ES와 Lint를 합친 말이다.그렇다면 ES와 Lint는 무엇일까?ES: Ecma Script. Ecma라는 기구에서 만든 script. 즉, 표준 javascript를 의미한다.Lint: 에러가 있는 코드에 표시를 달아놓은 것. 정리하자면, ESLint는 '자바스크립트 문법에서 에러를 표시해주는 도구'이다.ESLint는 코드 검사를 통해 에러와 버그를 검사한다. 뿐만 아니라, 코드 스타일 가이드에 맞지 않는 부분을 찾아내는 기능도 한다. 이때, 검사 정도를 개발자가 설정할 수 있다. 즉, 어느 정도의 수준으로 에러를 표시하고/해결하게 할 건지에 대한 커스텀 및 스타일링이 가능하다. 따라서 협업에 특히 유용하다. 가령, 정말 문제..
2023.10.31 -
SSL 프로토콜이란 무엇일까? SSL 프로토콜 (Secure Sockets Layer) 브라우저와 서버 사이 등 전송하는 데이터를 암호화하여, 인터넷 연결을 보호하기 위한 표준 보안 프로토콜이다. 앞서 말한 HTTPS는, HTTP에 `SSL`을 추가한 것이다. 정확히는, HTTPS란 SSL 프로토콜 위에서 돌아가는 프로토콜이다. HTTPS의 'S'는 Over Secure Socket Layer의 약자이다. 1996년 이후 업데이트 되지 않았으며, 알려진 여러 취약성이 있기에, SSL 사용은 지양하고 TLS 사용을 권장한다. TLS 프로토콜이란 무엇일까? TLS 프로토콜 (Transport Layer Security) SSL의 업데이트 버전 더욱 향상된, 안전한 버전의 SSL TLS/SSL handShak..
[CS] TLS/SSL 프로토콜의 역할과 handshakeSSL 프로토콜이란 무엇일까? SSL 프로토콜 (Secure Sockets Layer) 브라우저와 서버 사이 등 전송하는 데이터를 암호화하여, 인터넷 연결을 보호하기 위한 표준 보안 프로토콜이다. 앞서 말한 HTTPS는, HTTP에 `SSL`을 추가한 것이다. 정확히는, HTTPS란 SSL 프로토콜 위에서 돌아가는 프로토콜이다. HTTPS의 'S'는 Over Secure Socket Layer의 약자이다. 1996년 이후 업데이트 되지 않았으며, 알려진 여러 취약성이 있기에, SSL 사용은 지양하고 TLS 사용을 권장한다. TLS 프로토콜이란 무엇일까? TLS 프로토콜 (Transport Layer Security) SSL의 업데이트 버전 더욱 향상된, 안전한 버전의 SSL TLS/SSL handShak..
2023.10.30