2023.SEPT.21(TUE) 슈퍼코딩 부트캠프 신입연수원 Day 7
✅ Daily Report
📌 TO-DO LIST
- submit blog post 일일보고
- 슈퍼코딩 32, 34, 35, 36, 37, 38, 39강
- 33강
- 과제: JS로 정답을 확인했을 때, 키보드에 색상 나타내기
- 과제 2: JS로 키보드 div를 클릭했을 때 box에 알파벳 입력되기
- 과제 3: CSS로 정답이 틀렸을 때 박스가 흔들리는 애니메이션 효과
- 라이브코딩 참여 (8시~10시)
- 내일 들을 CRUD미리 듣기
✅ Today I Learned
Python basics
- for
- if conditional
- array
- function
API
Application Protocol Interface
a way for two or more computer programs to communicate with each other
application programming interface connects computers or pieces of software to each other
FE와 BE가 통신을 하는 방법을 정해놓은 규약
서비스의 요청과 응답에 대한 규칙
이러한 요청과 응답을 처리하는 서비스(기능)
비유하자면, 한국에서 스페인으로 택배를 보낼 때 정해진 규칙이 있듯(우편주소, 보내는 방법), 컴퓨터끼리 또는 FE, BE끼리 통신할 때도 이런 규약이 있다.
Interface tools and concepts of interaction between hardware and software components.
User Interface user interface, which connects a computer to a person
비동기처리, Asynchronous processing
프로그램이 여러 작업을 동시에 처리하도록 설계된 방식
작업이 독립적으로 실행 => 이전 작업 안 끝나도 다른 작업 시작 가능
병렬적으로 운영(Non-blocking)
프로그램의 효율성⬆️
예를 들어,
파일을 업로드하는데 동기 방식이면, 지금 파일이 업로드 완료된 후에야 다른 작업 가능(blocking, 작업 중단) 비동기 방식이면 파일 업로드가 진행되는 동안에도 사용자가 애플리케이션의 다른 부분 사용 가능
A synchronous process is a process that can be executed without interruption from start to finish.
An asynchronous process is a process that the Workflow Engine cannot complete immediately because it contains activities that interrupt the flow.
구현 방법 자바스크립트와 같은 프로그래밍 언어에서 콜백 함수, 프로미스(Promise), async/await와 같은 기능을 통해 구현
- DOM event handler
- Timer function(setTimeout, setInterval)
- Ajax
☑️ Summary of the Day
Today was more difficult than I expected.
Lots of assignments and tuitions!
Still I managed to make keyboard function and add animation effect to my CSS!